A playful and intuitive task manager inspired by classroom chalkboards and sticky notes. Organize your tasks visually with draggable notes, handwritten font, and customizable colorsโall set against a nostalgic green chalkboard backdrop.
-
๐จ Draggable Sticky Notes: Move tasks around freely like real sticky notes.
-
โ๏ธ Handwritten Font: Adds a personal touch to your task board.
-
๐ Task Details: Each note includes a title, description, and due date.
-
๐จ Color Customization: Choose from multiple sticky note colors to categorize or prioritize.
-
๐งฒ Sticky UI: Notes stay where you place themโeven after refresh.
Check out the live app: Sticky Notes on Vercel
Layer | Technology |
---|---|
Frontend | React, Tailwind |
Backend | Node.js, Express |
Deployment | Vercel |
Clone the repository
git clone https://github.com/dhanvinpatel/StickyNotes.git
cd StickyNotes
Run the frontend
cd client
npm install
npm start
Run the backend
cd server
npm install
npm start
Make sure to update the frontend with your local backend URL if testing locally.
The app is deployed on Vercel:
- Frontend: sticky-notes-frontend-zeta.vercel.app
- Backend: sticky-notes-backend-ashen.vercel.app
This project is licensed under the MIT License.