Note-Zone

Note-Zone - Note-Zone is a user-friendly and efficient note-taking application. Users can easily create, edit, delete and archive notes using the intuitive interface.

Demo :

Note.Zone.-.18.July.2023.online-video-cutter.com.mp4

How to install and run locally?

$ git clone https://github.com/SudiptaChakraborty51/Note-Zone.git
$ cd note-zone
$ npm install
$ npm run dev

Technologies used :

• React JS
• React Context API
• React Router v6
• Vanilla CSS
• Firebase for backend
• Firestore for database
• FontAwesome icons
• Toastify

Features :

• Landing Page

• Authentication

  • Sign-up (with email-password & Google both)
  • Login
  • Logout

• List of all Notes

• Add a new note

• Pin & Unpin note

• Archive & Unarchive note

• Delete Note

• Edit Note

• Add labels to note

• Delete labels

• Add and change background color of notecard

• Search a note based on title, content, labels

• User Profile

Other Features :

• 404 Error Page
• Toasts
• Loaders
• Responsive UI