A simple and clean Notes Application built using Vanilla JavaScript, allowing users to create, edit, delete, search, and categorize notes with data persistence using localStorage.
This project focuses on state management, derived UI state, and clean DOM rendering without using any frameworks.
- ➕ Add notes with title, content, and category
- ✏️ Edit existing notes
- 🗑️ Delete notes
- 🔍 Search notes by title or content
- 🗂️ Filter notes by category
- 💾 Persistent storage using browser
localStorage - 📱 Responsive and clean UI
- DOM manipulation
- Event handling
- Application state management
- Derived UI state (filters & search)
- localStorage for data persistence
- Modular and readable JavaScript logic
- Responsive CSS layout
- HTML5
- CSS3
- JavaScript (ES6+)
- Browser localStorage API
- Enter a note title and content
- Select a category
- Click Save Note
- Use:
- Search bar to find notes
- Category filter to organize notes
- Edit and Delete buttons for note management
- Refresh the page — notes will persist automatically
- Clear all notes option
- Sort notes by date
- Tag-based filtering
- Dark mode
- Backend sync (future enhancement)
Shanmugapriyan R K
This project is open source and available under the MIT License.