A powerful offline-first notes web application built using HTML, CSS, and JavaScript, featuring IndexedDB storage, password-protected notes, search, export, sync simulation, and a full Progressive Web App (PWA) experience.
- Offline-First Architecture – Works completely without internet using IndexedDB.
- IndexedDB Storage System – Stores notes efficiently in a structured database.
- Create & Edit Notes – Add titles and content with auto-save functionality.
- Real-Time Auto Save – Notes save automatically with debounce logic.
- Search System – Instantly search notes by title or content.
- Pinned Notes Feature – Pin important notes to the top.
- Password Protection – Secure notes using hashed password encryption.
- Unlock System – Unlock protected notes with password validation.
- Delete Confirmation System – Prevent accidental note deletion.
- Export Functionality – Export notes as JSON or plain text files.
- Word & Character Counter – Displays live text statistics.
- Relative Time Display – Shows last edited time in human-readable format.
NOTES/
├── index.html
├── script.js
├── style.css
- HTML5
- CSS3
- JavaScript
- Clone the repository:
git clone https://github.com/Agent-A345/NOTES.git
- Open the project and navigate to the file:
cd index.html
- Run the game in any modern browser
Create a Note
- Click + button
- Add title and content
- Notes auto-save instantly
Edit Notes
- Click any note card
- Modify title or content
- Changes save automatically
Search Notes
- Use search bar
- Filter notes in real time
Pin Notes
- Click pin icon
- Keep important notes at top
Lock Notes
- Click lock icon
- Set password
- Protect sensitive notes
Notes App helps users:
- Take notes without internet dependency
- Secure sensitive information
- Organize and search notes efficiently
- Export data easily
- Experience PWA-based productivity tools
- Cloud sync integration
- Multi-device sync
- Rich text editor support
- Tagging system
- Note sharing links
This project is licensed under the MIT License.