Notey.app

Learn about Notey.app's ideas and technologies.

— views

Introduction

Notey.app is a notes taking app created with simplicity in mind.

Idea

The idea behind Notey.app was to create a simple and good-looking notes taking web application that was also accessible. It had to be easy to create notes and categorize them, it also had to be responsive, so it could be used as a PWA on a mobile phone.

All of these ideas are pretty much fully implemented.

Future ideas

In the (near) future, there are a few things that I think would be cool to learn and implement into Notey.app. Such as drag and drop, this would be very beneficial for categorizing notes and great to get experience of.

Technologies

Notey.app is fully built with Remix and React.js. It also uses Tailwind CSS for the styling of the app, Tailwind CSS allows me to easily create amazing looking styles fast!

Features

  • Create/edit notes
  • Create/edit categories to categorize notes
  • Markdown support within notes
  • Great UI/UX
  • Privacy focused
  • Great accessiblitiy

Full tech stack

Frontend

  • React.js
  • Remix
  • Tailwind CSS

API

  • bcryptjs
  • marked, dompurify and jsdom
  • zod
  • Supabase database

Other

  • ESLint
  • Prettier
  • TypeScript