Skip to content

SafaMaqbool/sticky-notes-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

38 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🗒️ STICKYNOTESAPP

Unleash Creativity, Organize Effortlessly, Innovate Instantly

Last Commit Languages JavaScript


🚀 Built with the tools and technologies:

JSON Markdown npm JavaScript React Vite ESLint Appwrite YAML


📌 Overview

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.


⚙️ Quickstart

  1. Clone the repo

    git clone https://github.com/SafaMaqbool/stickyNotesApp.git
    cd stickyNotesApp
  2. Install dependencies

    npm install
  3. Start the development server

    npm run dev
  4. Open in browser:
    http://localhost:3000


🧠 Development Journey

  • ✅ 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

🌈 Future Plans

  • 🎨 Color palettes for notes
  • 🌙 Dark mode toggle
  • 📱 Responsive touch support
  • 🗑️ Drag-to-delete zone
  • ⏰ Reminders and timestamps

🎥 Live Demo

Sticky Notes App Demo

Click the preview above to watch the full demo video

📬 Feedback & Collaboration

If you've got suggestions, want to report a bug, or collaborate — feel free to open an issue or drop a ⭐!

About

📂 Minimalist sticky notes app with drag‑and‑drop, instant edits, and persistent storage using Appwrite.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •