A clean and responsive Note-taking web application built using HTML, CSS, and JavaScript. This application allows users to create, write, and delete notes in a simple and interactive interface. It uses local storage to persist notes even after refreshing the browser.
🔧 Tech Stack
- HTML5.
- CSS3 (with gradients and modern styles).
- JavaScript (DOM manipulation + localStorage).
✨ Features
- 📄 Create multiple notes.
- ✍️ Edit text in real-time.
- 🗑️ Delete notes with a single click .
- 💾 Stores notes in localStorage.
- 🎨 Beautiful gradient background and clean UI.
📸 Preview
🧑💻 How to Use the Notes App
- Click the “Create Notes” button
- A new note box will appear on the screen.
- Write your note
- Inside the white box that appears, start typing your thoughts, tasks, or reminders.
- Add more notes
- Click the “Create Notes” button again to add more blank note boxes.
- Delete a note
- If you want to remove a note, click the trash icon 🗑️ in the bottom-right corner of that note box.
- The note will be deleted immediately.
- Auto-saving feature
- You don’t need to press any save button.
- All your notes are automatically saved in your browser.
- Even if you refresh the page or close and reopen the browser, your notes will stay there.
- Your data stays private
- All notes are saved only in your browser using local storage.
- No internet or login is required.