Skip to content

Quick Notes is a simple, responsive note-taking web app built with HTML, CSS, and JavaScript. It allows users to create, edit, and delete notes directly in the browser, with data stored in localStorage. The app includes a light/dark theme toggle and a clean, modern UI for seamless productivity.

Notifications You must be signed in to change notification settings

nithishkesavarapu-code/quicknotes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ Quick Notes

Quick Notes is a lightweight, browser-based note-taking application. It lets you create, edit, and delete notes easily, with all data saved locally using localStorage. The app also supports light and dark themes for a comfortable writing experience.


πŸš€ Features

  • Add new notes with a title and content
  • Edit existing notes
  • Delete notes when no longer needed
  • Responsive grid layout for notes
  • Light/Dark theme toggle (stored in localStorage)
  • All notes saved in the browser (no backend required)

πŸ› οΈ Tech Stack

  • HTML5 – Structure
  • CSS3 – Styling (Light/Dark mode support)
  • JavaScript (Vanilla) – App logic & localStorage handling

πŸ“‚ Project Structure

β”œβ”€β”€ index.html # Main HTML file

β”œβ”€β”€ style.css # Styles for layout and themes

β”œβ”€β”€ script.js # JavaScript functionality


πŸ“– Usage

  1. Open index.html in your browser.
  2. Click "+ Add Note" to create a new note.
  3. Use the edit ✏️ and delete ❌ buttons on each note to manage them.
  4. Toggle between light πŸŒ™ and dark β˜€οΈ mode using the theme button.

🎨 Screenshots

Screenshot 2025-09-24 003344 Screenshot 2025-09-24 003422 Screenshot 2025-09-24 003532 Screenshot 2025-09-24 003558

About

Quick Notes is a simple, responsive note-taking web app built with HTML, CSS, and JavaScript. It allows users to create, edit, and delete notes directly in the browser, with data stored in localStorage. The app includes a light/dark theme toggle and a clean, modern UI for seamless productivity.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published