A simple, responsive Notes App built using HTML, CSS, and JavaScript. This app lets users create, edit, and delete notes with automatic saving using localStorage. It also includes full mobile responsiveness through custom media queries.
- 🆕 Create new notes with one click
- 📝 Edit notes in-place
- 🗑️ Delete notes instantly
- 💾 Automatically saves to browser
localStorage - 📱 Fully responsive for all screen sizes
- 🎨 Custom UI with gradients, icons, and animations (optional)
Frontend: HTML, CSS, JavaScript (with localStorage)
Deployment: Vercel
- Clone the repo
git clone https://github.com/fattahniz/notes-app.git
cd notes-app- Run locally Open index.html directly in your browser or use a Live Server extension in VS Code.
-
Dark mode toggle
-
Drag-and-drop notes
-
Export notes
-
Category tags
-
Firebase sync
project/
│── index.html
│── style.css
│── main.js
│── assets/images/
│ ├── notes.png
│ ├── edit.png
│ └── delete.png
│── README.mdFork the repo
- Create a new branch (feature/my-feature)
- Commit changes
- Push branch and create a Pull Request
This project is licensed under the MIT License – see the LICENSE file for details.