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-application -
Install 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