Notey.app case study

August 18, 2021

2 min read

views

Introduction

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

Live app: Open live app

GitHub Repository: Open GitHub Repository

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's 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. Notey.app also uses TailwindCSS for the styling of the app, TailwindCSS 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
  • TailwindCSS

API

  • bcryptjs
  • marked, dompurify and jsdom
  • zod

Other

  • ESLint
  • Prettier
  • TypeScript