ScribbleSync is a simple and intuitive notes app created using React JS and CSS. This app allows users to add, edit, delete, and search notes, with all content stored locally in the browser's local storage.
- Add Notes: Easily add new notes with a title and content.
- Edit Notes: Update the content of existing notes.
- Delete Notes: Remove notes that are no longer needed.
- Search Notes: Quickly find notes using the search functionality.
- Local Storage: All notes are stored in the browser's local storage, ensuring data persistence across sessions.
Check out the live version of the app here.
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/Dervin29/React-Projects.git cd React-Projects/notes-app
-
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and navigate to
http://localhost:3000
.
-
Adding a Note:
- Click on the "Add Note" button.
- Enter the title and content of your note.
- Click "Save" to add the note.
-
Editing a Note:
- Click on the note you want to edit.
- Update the title and/or content.
- Click "Save" to save the changes.
-
Deleting a Note:
- Click on the delete icon next to the note you want to delete.
- Confirm the deletion.
-
Searching Notes:
- Enter keywords in the search bar to filter notes by title or content.
- React JS: JavaScript library for building user interfaces.
- CSS: Styling the application.
- Local Storage: Storing notes data in the browser.