T-do - Modern Task Management

A beautiful and intelligent task management application built with React, Vite, Tailwind CSS, and integrated with OpenRouter AI. Experience elegant design with powerful productivity features.

✨ Features

Core Task Management

• Smart Task Creation: Quickly create and organize tasks with rich details
• Priority Levels: Set task importance (High, Medium, Low) with visual indicators
• Due Dates: Track deadlines with intuitive date management
• Task Status: Mark tasks as completed with satisfying animations
• Task Filtering: Find tasks by status, priority, or due date
• Progress Tracking: Visual insights into your productivity

AI Assistant

• Intelligent Chat: Built-in AI assistant powered by OpenRouter.ai
• Context-Aware: Understands Task Flow's features and provides relevant help
• Quick Suggestions: Pre-defined prompts for common questions
• Task Guidance: Get help with task organization and productivity tips
• Responsive Design: Works seamlessly on all devices

Modern UI/UX

• Beautiful Design: Clean, modern interface with smooth animations
• Real-time Stats: Track your productivity with visual metrics
• Mobile Responsive: Optimized for all screen sizes
• Dark Mode: Easy on the eyes with dark theme design
• Smooth Animations: Powered by Framer Motion

🚀 Getting Started

Prerequisites

• Node.js (v14 or higher)
• Git
• OpenRouter API Key (for AI features)

Installation

1. Clone the repository:

   git clone https://github.com/Tharuksha/T-do.git
   cd T-do

2. Install dependencies:

   npm install

3. Create a .env file in the root directory:

   VITE_OPENROUTER_API_KEY=your_openrouter_api_key_here

4. Start development server:

   npm run dev

5. Open http://localhost:3000 in your browser

Production Build

Create optimized production build:

npm run build

🛠️ Tech Stack

• Frontend Framework: React
• Build Tool: Vite
• Styling: Tailwind CSS
• Animations: Framer Motion
• AI Integration: OpenRouter.ai
• State Management: Zustand
• Date Handling: date-fns
• Icons: Heroicons
• Code Quality: ESLint

🎯 Key Features in Detail

Task Management

• Create, edit, and delete tasks
• Set priority levels and due dates
• Mark tasks as completed
• Filter and sort tasks
• Track completion rates

AI Assistant Features

• Task management guidance
• Productivity tips and suggestions
• Feature explanations
• Context-aware responses
• Natural language interaction

Statistics & Analytics

• Task completion rates
• Priority distribution
• Due date tracking
• Productivity trends
• Visual progress indicators

🤝 Contributing

1. Fork this repository
2. Create a feature branch
3. Commit your changes
4. Push to the branch
5. Submit a pull request

📜 License

This project is licensed under the MIT License.

🙌 Acknowledgements

Thanks to the creators and communities of:

• React
• Vite
• Tailwind CSS
• OpenRouter.ai
• Framer Motion
• And all other open-source packages used in this project

📬 Contact

For issues or questions:

• Open an issue in the repository
• Email: tharuksha_w@pm.me

🔮 Future Plans

• Task categories and tags
• Team collaboration features
• Calendar integration
• Mobile app version
• Enhanced AI capabilities
• More customization options