Huaiyu Khaw's avatar
Huaiyu Khaw

Posted on Mar 13, 2023

Plain Notes App

Note taking application that saves data locally in the user’s browser LocalStorage for convenient access.

Try it!


Huaiyu Khaw


This project was designed to demonstrate:

  • Usage of React with Typescript and TailwindCSS
  • Practice CRUD operations and array manipulation
  • Create, delete, archive, or pin notes.
  • Sync notes to browser's localStorage
  • Drag and drop for sorting
  • Keyboard shortcuts for convenience

Usage example

Sometimes while I'm working, I come across trivial tasks that I need to quickly note down in order to save mental energy and avoid repeatedly reminding myself. Later, before leaving my desk, I can review these notes and ensure that I have completed all necessary tasks.




Development setup

npm install
npm run dev

Built With


  1. Fork it (
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request
Last updated on Mar 14, 2023
Made in Zest