📝 Sticky Notes App (Svelte)

A minimalist sticky notes app built with Svelte, a JavaScript Framework.
Create, drag, edit, and delete sticky notes anywhere on the screen — like your own personal canvas of thoughts!

---

🌐 Live Demo

Here is the link of the live site - StickyNotesApp

• Use on Laptops/PCs for best experience!!

---

✨ Features

• 🧠 Create notes anywhere on the screen with a click
• 🎨 Each note has a random background color (good contrast with white text)
• 🖊️ Click on Edit icon to edit any note
• 🚮 Delete note by clicking on the Trash icon
• 🧲 Drag notes to reposition them
• 💾 Notes saved in localStorage (they persist when you Log In with your same UserName)
• 🧠 Smart click detection to prevent creating notes over UI elements

---

🧱 Tech Stack

• Svelte — frontend JS framework
• JavaScript — logic & state management
• HTML/CSS — layout and styles
• LocalStorage — for saving notes
• 🎯 No external dependencies. Fully vanilla Svelte project.

---

🚀 Getting Started

🛠️ Installation

git clone https://github.com/blueberry-adii/StickyNotes.git
cd sticky_notes
npm install
npm run dev

src/
├──App.svelte          # Main component
├──lib/
|   ├── Page1.svelte   # Log In Page
|   └── Page2.svelte   # Sticky Note component
└── main.js            # Entry point

---

🙌 Future Improvements

• Add undo functionality

• Add resizable notes

• Mobile/touch improvement for dragging

• Markdown or rich text support

• Theming & light-dark mode

---

✨ Author

Made with dedication and ☕ by Aditya Prasad Padhy