🚀 TaskFlow Pro

A modern and premium productivity-focused To-Do Web App built using HTML, CSS, JavaScript, and Bootstrap 5.

TaskFlow Pro is designed to provide a beautiful and smooth task management experience with modern UI effects, responsive design, and useful productivity features.

---

✨ Features

• 🌙 Dark / Light Mode
• 💾 Theme Persistence using LocalStorage
• ✅ Add, Edit, Complete & Delete Tasks
• 📅 Due Dates
• 🏷️ Task Categories
• 🚨 Priority Labels
• 🔍 Search Tasks
• 🎯 Filter Tasks (All / Completed / Pending)
• 📊 Live Productivity Stats
• 📈 Dynamic Progress Bar
• 🎉 Confetti Celebration on Completion
• 🖱️ Drag & Drop Task Sorting
• 📱 Fully Responsive Design
• ✨ Smooth Animations & Hover Effects
• 🧊 Modern Glassmorphism UI

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla JS)
• Bootstrap 5
• Bootstrap Icons
• AOS Animation Library
• SortableJS
• Canvas Confetti

---

📂 Project Structure

TaskFlow-Pro/
│
├── index.html
├── style.css
├── scripts.js
└── README.md

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/Shreyansh063/taskflow-pro.git

2. Open Project Folder

cd taskflow-pro

3. Run the Project

Simply open:

index.html

in your browser.

You can also use VS Code Live Server for a better development experience.

---

📸 Preview

TaskFlow Pro provides:

• Clean modern dashboard

• Beautiful animations

• Interactive task management

• Smooth user experience

• Productivity-focused design

• 🖥️ Dark Mode Dashboard

🌙 Light Mode

✅ Task Management

📊 Progress & Stats

---

🌐 Live Demo

👉 https://taskflow-15336.netlify.app/

🌟 Future Improvements

• Pomodoro Timer
• Subtasks
• Cloud Sync
• Firebase Authentication
• Calendar Integration
• Productivity Analytics
• Multiple Themes
• Voice Task Input
• Export Tasks as PDF

---

📄 License

This project is licensed under the MIT License.

You are free to use, modify, and distribute this project.

---

👨‍💻 Author

Created with dedication by Shreyansh Kumar.

If you liked this project, consider giving it a ⭐ on GitHub.