Notes App in JavaScript

This is a simple and fully responsive Notes App built using HTML, CSS, and JavaScript. The app allows users to create, update, and delete notes, with all data stored in the browser's local storage.

Features

• Add New Note: Easily create a new note with a title and description.
• Edit Note: Update the details of an existing note.
• Delete Note: Remove notes from the app.
• Responsive Design: The app is fully responsive, making it work well on both desktop and mobile devices.
• Local Storage: Notes are stored in the browser’s local storage, ensuring they persist even after closing the app or refreshing the page.
• Date Display: Each note has a date attached, formatted as Month Day, Year.

Tech Stack

• HTML: Structure of the app.
• CSS: Styling and responsive design.
• JavaScript: Functionality for adding, editing, deleting, and displaying notes.
• LocalStorage: Used to store notes on the client side.

How to Use

1. Add a Note: Click the "Add new note" button to open the popup where you can enter a title and description for the note. Once you're done, click "Add Note" to save it.
2. Edit a Note: Click the "Edit" option in the note settings to update the note’s content.
3. Delete a Note: Click the "Delete" option in the note settings to remove a note.
4. Responsive Layout: The app adjusts itself for different screen sizes, ensuring a smooth experience across devices.

Getting Started

1. Clone this repository to your local machine:

   git clone https://github.com/GZ30eee/Notes-Web-App.git

2. Navigate to the project folder:

   cd notes-app

3. Open index.html in your browser to start using the app.

Screenshots

License

This project is open-source and available under the MIT License.