Skip to content

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.

License

Notifications You must be signed in to change notification settings

paulmagadi/notes-taking-app-pro

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🗂️ Notes Taking App Pro

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.


🌟 Features

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

🚀 Getting Started

  1. Clone the repository:

    git clone https://github.com/paulmagadi/notes-taking-app-pro.git
    
    cd modular-notes
  2. 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

📦 Technologies Used

  • Vanilla JavaScript (ES6+)

  • HTML5 & CSS3

  • Web Notifications API

  • Local Storage API

🔮 Future Developments

We plan to enhance Modular Notes with the following features:

  1. 🗃️ Proper Archive Handling
  • Ability to archive and unarchive notes

  • Separate "Archived Notes" view

  1. 🔄 Note Sync
  • Support for syncing notes across devices using IndexedDB or a backend
  1. 🌐 Progressive Web App (PWA)
  • Installable app with offline support and manifest configuration
  1. 🔐 Authentication

Secure login to protect notes (JWT or OAuth-based)

  1. 🧠 AI-Powered Suggestions
  • Smart tag suggestions and reminder predictions using simple ML models
  1. 📂 Note Categories & Folders
  • Organize notes in folders or by category for better navigation
  1. 📊 Analytics Dashboard
  • Insights into note-taking habits (e.g., most used tags, busiest days)
  1. Add dummy notes for initial display

  2. Add ms word like capabilities for adding and edditing notes

🙌 Contribution

Contributions are welcome! Please fork the repository, make your changes, and submit a pull request.

🛡️ License

This project is open-source and available under the MIT License. Please check LICENSE.txt file.

✨ Author

Paul Magadi – @paulmagadi

Feel free to reach out for feedback, collaboration, or just to say hi!

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published