Welcome to Note App React, a user-friendly note-taking application built with React.js. It's designed to make managing your tasks and notes as simple and efficient as possible.
- 📝 Add Notes: Create new notes with a title and description effortlessly.
- 🔄 Sort Notes: Organize your notes easily by:
- ✅ Mark as Completed: Keep track of tasks you've completed.
- 🗑 Delete Notes: Remove unwanted notes in one click.
- 📊 Filter Notes: View "all notes," "open notes," or "completed notes" with ease.
- 💾 Persistent Storage: Your notes are saved in localStorage, so your data stays safe even after refreshing the page.
Explore the app here: 👉 Live Note App Demo
This project is built using:
- React.js: For a dynamic and responsive user interface.
- CSS: To make the app visually appealing.
- localStorage: Ensures your notes are saved locally.
- Netlify: Seamless and quick deployment.
The app has the following key components:
- AddNote: A form to add new notes quickly.
- NotesList: Displays all your notes in a clean, organized way.
- FilterNotes: Lets you sort and filter notes based on your preferences.
- NoteItem: A single note card with options to mark as completed or delete.
Have suggestions or ideas? Feel free to contribute or share feedback on the GitHub repository:
👉 GitHub Repo
Special thanks to the following resources and tools:
- React Documentation: For helpful guides and references.
- Netlify: For effortless app deployment.
- Icons8: For providing high-quality icons used in the project.
- Live Demo: https://note-app-react-rhmti01.netlify.app/
- GitHub Repository: https://github.com/rhmt101/note-app-react