Notes Taking App Pro is a web-based note-taking application that allows users to create, edit, search, and manage notes with color customization, tags, and reminders. It's built using plain HTML, CSS, and JavaScript with support for local storage, making it lightweight and completely offline-capable.
- 📝 Add, edit, and delete notes
- 🎨 Choose background colors for each note
- 🏷️ Add and filter by tags
- ⏰ Set reminders with notification support
- 🔍 Live search through note titles, content, and tags
- 📅 Update reminders via a dedicated modal interface
- 💾 Persistent storage via
localStorage
- 📱 Responsive UI for mobile and desktop
-
Clone the repository:
git clone https://github.com/paulmagadi/notes-taking-app-pro.git cd modular-notes
-
Open the app:
Open notes-taking-app-pro.html in any modern web browser.
📁 Project Structure
modular-notes/
│
├── index.html # Main HTML file
├── scripts.js # Core logic: notes, reminders, rendering
├── styles.css # Stylesheet
├── README.md # Project documentation
-
Vanilla JavaScript (ES6+)
-
HTML5 & CSS3
-
Web Notifications API
-
Local Storage API
We plan to enhance Modular Notes with the following features:
- 🗃️ Proper Archive Handling
-
Ability to archive and unarchive notes
-
Separate "Archived Notes" view
- 🔄 Note Sync
- Support for syncing notes across devices using IndexedDB or a backend
- 🌐 Progressive Web App (PWA)
- Installable app with offline support and manifest configuration
- 🔐 Authentication
Secure login to protect notes (JWT or OAuth-based)
- 🧠 AI-Powered Suggestions
- Smart tag suggestions and reminder predictions using simple ML models
- 📂 Note Categories & Folders
- Organize notes in folders or by category for better navigation
- 📊 Analytics Dashboard
- Insights into note-taking habits (e.g., most used tags, busiest days)
-
Add dummy notes for initial display
-
Add ms word like capabilities for adding and edditing notes
Contributions are welcome! Please fork the repository, make your changes, and submit a pull request.
This project is open-source and available under the MIT License. Please check LICENSE.txt file.
Paul Magadi – @paulmagadi
Feel free to reach out for feedback, collaboration, or just to say hi!