Skip to content

README.md

Latest commit

 

History

History
64 lines (47 loc) · 1.48 KB

README.md

File metadata and controls

64 lines (47 loc) · 1.48 KB

📝 Notes App

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.

🚀 Features

  • 🆕 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)

🛠️ Tech Stack

Frontend: HTML, CSS, JavaScript (with localStorage)

Deployment: Vercel

Installation

  1. Clone the repo
   git clone https://github.com/fattahniz/notes-app.git
cd notes-app
  1. Run locally Open index.html directly in your browser or use a Live Server extension in VS Code.

🔮 Future Improvements

  1. Dark mode toggle

  2. Drag-and-drop notes

  3. Export notes

  4. Category tags

  5. Firebase sync

📂 Project Structure

project/
│── index.html
│── style.css
│── main.js
│── assets/images/
│          ├── notes.png
│          ├── edit.png
│          └── delete.png
│── README.md

🤝 Contributing

Fork the repo

  1. Create a new branch (feature/my-feature)
  2. Commit changes
  3. Push branch and create a Pull Request

📄 License

This project is licensed under the MIT License – see the LICENSE file for details.