A lightweight and visually engaging cross-platform desktop application that mimics real-life sticky notes. Built using HTML, CSS, and JavaScript, and packaged with Electron, this app allows users to create, drag, edit, color, and manage sticky notes with motivational quotes and shape customizations.
- 📝 Add unlimited sticky notes
- 🎨 Choose note shapes: rectangle, circle, cloud, blob
- 🖍️ Pick custom background colors
- 💡 Each note shows a random motivational quote
- ✏️ Edit and save notes in-place
- 🗑️ Delete individual notes or clear all at once
- 📦 Data saved using
localStoragefor persistence - 🖱️ Drag notes anywhere inside the container
- 🧠 Lightweight, minimal, and productivity-focused
- ⚡ Packaged as a cross-platform Electron desktop app
git clone https://github.com/Pusplatasingh/Sticky-Notes.git
cd Sticky-NotesMake sure Node.js is installed.
npm installnpm startnpm run packageSticky-Notes/
│
├── index.html # Main HTML file
├── style.css # App styling
├── script.js # Notes logic and UI interaction
├── preload.js # Electron preload script
├── index.js # Electron main process
├── package.json # App metadata and dependencies
├── .gitignore # Ignore node_modules and other unnecessary files
└── README.md # Project documentation
- HTML5
- CSS3
- JavaScript (Vanilla)
- Electron.js
- LocalStorage (for note persistence)
Electron, Desktop App, JavaScript, HTML, CSS, Sticky Notes, Draggable UI, LocalStorage, Frontend Project, Motivation App, UI/UX, DOM Manipulation, Note Taking, Productivity Tool, Cross-Platform App
Some parts of this project were built with assistance from AI tools like ChatGPT to enhance features and optimize performance.
Pusplata Singh 🔗 GitHub Profile
This project is licensed under the MIT License.
