Sticky Notes is a simple web application that allows users to create, edit, and manage their notes. This application features a clean and intuitive interface, enabling users to easily jot down their thoughts, tasks, or reminders. The notes are automatically saved in the browser's local storage, ensuring that they persist even after refreshing the page.
- Create Notes: Easily add new sticky notes to your workspace.
- Edit Notes: Modify your notes at any time, with changes automatically saved.
- Delete Notes: Remove notes you no longer need with a simple click.
- HTML: For structuring the web application.
- CSS: For styling the sticky notes and layout.
- JavaScript: For implementing interactivity and managing notes functionality.
To run the Sticky Notes application locally in Visual Studio Code, follow these steps:
-
Clone the Repository:
git clone https://github.com/ArpitaAgrahari/master-web-development
-
Open the Project in VS Code:
- Launch Visual Studio Code.
- Click on File > Open Folder... and select the cloned project directory.
- Open index.html:
- In the Explorer pane, find and open the index.html file.
- Live Server Extension (Optional but recommended):
- Install the Live Server extension from the VS Code Marketplace.
- After installation, right-click on the index.html file and select Open with Live Server to launch the application in your default browser.
- Click the "Add Note" button to create a new sticky note.
- Type your note in the text area. Changes will be saved automatically as you type.
- Click the 'X' button on a note to delete it.