Skip to content

Notes App – A simple and responsive note-taking application built with HTML, CSS, and JavaScript. It allows users to create, edit, and delete notes, with changes automatically saved using the browser's localStorage. The app is fully responsive, ensuring a seamless experience across various devices.

Notifications You must be signed in to change notification settings

fattahniz/notes-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 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.

About

Notes App – A simple and responsive note-taking application built with HTML, CSS, and JavaScript. It allows users to create, edit, and delete notes, with changes automatically saved using the browser's localStorage. The app is fully responsive, ensuring a seamless experience across various devices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published