Skip to content

akshitmalia/Note-Maker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📝 Note Making App

🌐 Live Demo: https://akshitmalia.github.io/Note-Maker/

A simple and efficient note-taking web application that allows users to create, store, and manage notes with persistent storage using localStorage.


🚀 Features

  • ➕ Add new notes
  • 🗑️ Delete notes
  • 💾 Persistent storage using localStorage
  • 🕒 Timestamp for each note
  • 🔒 Input sanitization using DOMPurify (prevents XSS attacks)
  • ⚡ Instant UI updates

🛠️ Tech Stack

  • HTML
  • CSS (Bootstrap 5)
  • JavaScript (Vanilla JS)
  • LocalStorage
  • DOMPurify (Security)

📸 Screenshots

Notes UI

Saved Notes
---

⚙️ Installation & Setup

git clone https://github.com/akshitmalia/Note-Maker.git
cd Note-Maker
  • Open index.html in your browser

📌 How It Works

  1. User enters a note
  2. Clicks Save Note
  3. Note is stored in localStorage
  4. Notes are displayed instantly with timestamp
  5. User can delete notes anytime

🔐 Security Feature

  • User input is sanitized using DOMPurify
  • Prevents malicious scripts (XSS attacks) from executing

⚠️ Limitations

  • Data stored only in browser (no backend)
  • No edit or search functionality
  • No user authentication

🌟 Future Improvements

  • ✏️ Edit notes
  • 🔍 Search/filter notes
  • 📌 Pin important notes
  • 🌙 Dark/Light mode toggle
  • ☁️ Backend integration (MongoDB)

👤 Author

Akshit Malia


📄 License

This project is open-source and available under the MIT License.

About

This app will let you add and delete notes.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors