Skip to content

Latest commit

Β 

History

History
35 lines (29 loc) Β· 1.63 KB

File metadata and controls

35 lines (29 loc) Β· 1.63 KB

πŸ“’ NotePad β€” Your Personal, Minimalist Note-Taking App

NotePad is a clean and simple web application for creating, editing, and organizing notes with a notebook-style design. Perfect for keeping all your ideas, plans, and tasks organized with a focus on simplicity and functionality.

✨ Features

  • 🎨 Minimalist Design β€” Clean notebook grid background with semi-transparent notes
  • πŸ“ Note Creation β€” Quickly add notes with title and content
  • ✏️ Inline Editing β€” Edit notes directly with clean, consistent styling
  • πŸ“ Archiving β€” Move completed notes to archive section
  • πŸ” Filtering β€” View all notes, active only, or archived
  • πŸ’Ύ Local Storage β€” Notes persist even after page reload
  • πŸ“± Responsive Design β€” Optimized for all devices (mobile, tablet, desktop)
  • 🎯 Markdown Support β€” Format notes with markdown syntax

πŸš€ How to Use

  • Add Notes β€” Enter title and content, then click "Add Note"
  • Edit Notes β€” Click "Edit" button, modify content, then click "Save"
  • Archive/Unarchive β€” Click "Archive" to move notes to archive or restore them
  • Delete Notes β€” Use "Delete" button to permanently remove notes
  • Filter Views β€” Use "All Notes", "Active", or "Archived" buttons to filter views

πŸ› οΈ Technologies

  • HTML5
  • CSS3 with modern animations
  • Vanilla JavaScript (ES6+) with jQuery
  • LocalStorage for data persistence

πŸ“¦ Installation & Usage

git clone https://github.com/dani1kx/NotePad
http://127.0.0.1:5500

πŸ‘¨β€πŸ’» Author

Project created and developed by dani1kx