TaskFlow Pro - Modern Task Management Application

🌟 Features

• Modern UI/UX: Glassmorphic design with fluid animations
• Dynamic Aurora Background: Interactive background with color-shifting effects
• Smart Task Management:
  • Priority levels (High, Medium, Low)
  • Category organization
  • Task filtering
  • Completion tracking
• Real-time Statistics: Track total, completed, and pending tasks
• Dark/Light Mode: Toggle between themes with smooth transitions
• Responsive Design: Works seamlessly on all devices
• Local Storage: Tasks persist between sessions

🚀 Live Demo

View Live Demo

🛠️ Technologies Used

• HTML5
• CSS3 (with modern features like glassmorphism and animations)
• Vanilla JavaScript
• Font Awesome Icons
• Google Fonts (Poppins)

💻 Installation

1. Clone the repository:

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

2. Navigate to the project directory:

cd taskflow-pro

3. Open index.html in your browser or use a live server.

🎨 UI Features

• Aurora Background: Dynamic color-shifting background effect
• Glassmorphic Cards: Translucent UI elements with blur effects
• Micro-interactions: Subtle animations for better user feedback
• Responsive Components: Adapts to different screen sizes
• Animated Statistics: Visual feedback for task updates
• Custom Form Elements: Styled inputs and select dropdowns

🔧 Usage

1. Add a Task:

   • Enter task description
   • Select category
   • Click "Add Task" or press Enter

2. Manage Tasks:

   • Mark tasks as complete/incomplete
   • Set priority levels
   • Filter by category
   • Delete tasks

3. View Statistics:

   • Total tasks
   • Completed tasks
   • Pending tasks

4. Theme Toggle:

   • Click the moon/sun icon to switch themes
   • Theme preference is saved automatically

📱 Responsive Design

• Desktop optimized
• Tablet friendly
• Mobile responsive
• Adaptive layout and components

🎯 Future Enhancements

• Task due dates
• Subtasks support
• Task search functionality
• Multiple task lists
• Data export/import
• Cloud sync
• Collaboration features

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👏 Acknowledgments

• Font Awesome for icons
• Google Fonts for Poppins font
• for development and design

---

Made with ❤️ by Sarankumar.S