A responsive and feature-rich notes application built using React. This application allows users to efficiently manage their notes with features such as adding, editing, removing, archiving, and recovering notes from the trash.
- Add Notes: Create new notes with ease.
- Edit Notes: Modify existing notes to keep them up to date.
- Remove Notes: Delete notes you no longer need.
- Archive Notes: Save important notes in the archive for future reference.
- Unarchive Notes: Restore notes from the archive back to the main list.
- Recover Deleted Notes: Retrieve notes from the Trash folder.
- Responsive Design: Optimized for various screen sizes, providing a seamless experience across devices.
- Frontend: React.js
- Styling: CSS / TailwindCSS (if applicable)
Follow these steps to set up and run the project locally.
Ensure you have the following installed on your system:
- Node.js
- npm or yarn
Clone the repository:
git clone https://github.com/your-username/notes-application.git cd notes-applicationInstall dependencies:
npm install
Start the development server:
npm start
Open your browser and navigate to:
http://localhost:3000
src/ ├── components/ │ ├── AddNote.js │ ├── EditNote.js │ ├── Note.js │ ├── Archive.js │ └── Trash.js ├── pages/ │ ├── Home.js │ ├── ArchivePage.js │ └── TrashPage.js ├── App.js └── index.js Add screenshots here to showcase the application (if available).
Contributions are welcome! If you'd like to improve the project, follow these steps:
- Fork the repository.
- Create a new branch for your feature or bug fix.
git checkout -b feature-name
- Commit your changes.
git commit -m "Add your message here" - Push your branch.
git push origin feature-name
- Create a Pull Request.
This project is licensed under the MIT License.
For any inquiries or feedback, please contact:
- Name: Nandha Kumar
- GitHub: your-username