A high-performance, gamified To-Do list application built with React, Vite, and Tailwind CSS. This app turns task management into a rewarding experience where you earn "Water" to grow a digital plant.
- 🌿 Plant Growth System: Earn 5ml, 10ml, or 20ml of water based on task priority.(Inspired by MS Edge Virtual Plant) Watch your plant evolve from a Seedling to a Blooming Tree!
- 📅 Smart Deadlines: Set due dates for your tasks. The app automatically flags "Overdue" tasks with a pulsing alert.
- 📈 Weekly Stats: A sleek bar chart visualizing your watering history over the last 7 days.
- 🔍 Filter & Sort: Organize your view by Category (Work, Study, Personal, General) and sort by Priority, Date, or Name.
- ✏️ Inline Editing: Update task names and descriptions on the fly with a dedicated edit mode.
- 💾 100% Local Persistence: No backend required! All your tasks, plant stages, and stats are saved securely in your browser's
localStorage. - 💎 Glassmorphism UI: A modern, premium design with smooth Framer Motion animations and responsive layouts.
- 🧹 List Cleanup: Quickly archive all finished tasks with a single click to keep your workspace clear.
- Framework: React 19
- Bundler: Vite
- Styling: Tailwind CSS
- Animations: Framer Motion
- Icons: React Icons
- Effects: Canvas Confetti
- Node.js (Latest LTS recommended)
- npm or yarn
-
Clone the repository:
git clone https://github.com/siddhali24/To-do-list.git
-
Navigate to the project directory:
cd To-do-list cd frontend
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
This project is open-source and available under the MIT License.