Notes App

Notes App

Difficulty :beginner

Create and store your notes for later purpose! This is a fundamental project for learning CRUD operations, local storage, and building practical applications.

This project teaches you the basics of data persistence in web applications and is a stepping stone to more complex applications.

User Stories:

  • User can create a note
  • User can edit a note
  • User can delete a note
  • When closing the browser window the notes will be stored and when the User returns, the data will be retrieved
  • User can search through their notes
  • User can organize notes by categories or tags

Bonus Features:

  • User can create and edit a note in Markdown format. On save it will convert Markdown to HTML
  • User can see the date when they created the note
  • User can set reminders for notes
  • User can export notes to different formats (txt, pdf, etc.)
  • User can sync notes across devices
  • User can add images to notes
  • User can organize notes in folders
  • User can pin important notes to the top

What you'll learn:

  • LocalStorage API for data persistence
  • CRUD operations (Create, Read, Update, Delete)
  • DOM manipulation
  • Event handling
  • Data validation
  • Search functionality
  • Markdown parsing (bonus)
  • Date and time handling
Example of implementations to inspire from :
Share the word :