Unleash Creativity, Organize Effortlessly, Innovate Instantly
StickyNotesApp is a playful and intuitive note-taking web app where users can:
- Create colorful sticky notes 📝
- Drag them freely across a board 🧲
- Edit or delete with ease ✏️
- Persist notes between sessions using Appwrite DB 💾
Ideal for brainstorming, quick reminders, or visual organization — right in your browser.
-
Clone the repo
git clone https://github.com/SafaMaqbool/stickyNotesApp.git cd stickyNotesApp -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open in browser:
http://localhost:3000
- ✅ Set up UI layout and note components
- ✅ Added drag-and-drop logic
- ✅ Integrated Appwrite database for persistent storage
- ✅ Applied CSS styling for visual polish
- ✅ Cleaned up using ESLint and Prettier
- 🎨 Color palettes for notes
- 🌙 Dark mode toggle
- 📱 Responsive touch support
- 🗑️ Drag-to-delete zone
- ⏰ Reminders and timestamps
Click the preview above to watch the full demo video
If you've got suggestions, want to report a bug, or collaborate — feel free to open an issue or drop a ⭐!