notes-taking-app

This is a simple notes taking web application built with React.

Features

• Create and save notes with content.
• Edit and update existing notes.
• Delete notes.
• Search for notes by content.

Technologies Used

• React
• nanoid (for generating unique IDs)
• Local Storage (for data persistence)
• CSS for styling

Usage

1. Clone this repository to your local machine.

2. Navigate to the project directory in your terminal.

3. Run the following command to install dependencies:

   npm install

4. Start the development server with:

   npm start

5. Open your web browser and visit http://localhost:3000 to use the Notes App.

How it Works

• When you open the app, you can create new notes by entering text in the input field and clicking the "Add Note" button.
• You can edit a note by clicking the "Edit" button, make your changes, and then click the "Save" button to update the note.
• To delete a note, click the "Delete" button.
• You can search for notes by entering keywords in the search bar.

Data Persistence

This app uses local storage to persist your notes. Your notes will be saved even if you close your browser.

Dark Mode

The app supports a dark mode. You can toggle it using the dark mode switch in the header.

Acknowledgments

• This app was created as a project for learning React.
• Thanks to the open-source community for the tools and libraries used.

Contributing

If you would like to contribute to this project, please follow these steps:

1. Fork the project.
2. Create a new branch for your feature or bug fix.
3. Make your changes and ensure that the code is properly documented.
4. Test your changes thoroughly.
5. Submit a pull request with a clear description of your changes.

Author

This Notes Taking App was created by Nirmit Kotadiya.

Feel free to use and modify this Notes Taking App for your own educational purposes or as part of a React project. If you have any questions or need assistance, please contact the author.

Enjoy the Notes Taking App!