A beautiful and intuitive task tracker built using HTML, Tailwind CSS, and Vanilla JavaScript. It helps you visually organize your daily tasks into To Do, In Progress, and Done columns — with smooth drag-and-drop functionality and celebratory confetti when tasks are completed!
✨ Features
📝 Add, drag, and delete tasks 📦 Organized into "To Do", "In Progress", and "Done" columns 💾 Tasks are saved automatically using LocalStorage 🎉 Confetti animation when you finish a task! 🎨 Clean UI with a frosted-glass effect and Studio Ghibli background ❌ Modal for task input errors (empty or too long)
🛠️ Technologies Used
HTML5 + CSS3 Tailwind CSS for fast and responsive design JavaScript (no frameworks) LocalStorage for data persistence
🔧 How to Use
Open index.html in your browser. Type a new task in the input box and click "Add Task". Drag tasks between columns as you progress. Delete tasks by clicking the ❌ button on each task.