🤖 AI-Powered To-Do Manager

A beautiful, modern to-do app with AI-powered task generation. Built with React, TypeScript, and Tailwind CSS.

✨ Features

• ✅ Create, edit, delete tasks with rich details
• 🤖 AI task generation - just describe what you want to do!
• 🎯 Priority levels (High, Medium, Low) with color coding
• 📂 Categories to organize your tasks
• 📅 Due dates with overdue warnings
• 🔍 Smart search & filtering
• 📊 Statistics dashboard
• 💾 Auto-save to browser storage
• 📁 Import/Export JSON files

🚀 Quick Setup

1. Install Node.js

Download and install Node.js (version 14 or higher)

2. Get the Code

git clone <your-repo-url>
cd todo_app

3. Install Dependencies

npm install

4. Get AI API Key (Optional)

• Go to Google AI Studio
• Create a free API key
• Copy the key

5. Set Up Environment

Create a file called .env in the project folder:

REACT_APP_GEMINI_API_KEY=your_api_key_here

6. Start the App

npm start

Open http://localhost:3000 in your browser!

🎯 How to Use

Adding Tasks

1. Click "Add New Task"
2. Fill in the details (title, description, priority, category, due date)
3. Click "Add Task"

AI Task Generation

1. Click "Add New Task"
2. In the AI section, type what you want to accomplish:
   • "Plan a birthday party"
   • "Organize my workspace"
   • "Prepare for job interview"
3. Click "Generate & Create"
4. AI will automatically create 3-5 relevant tasks!

Managing Tasks

• ✅ Complete: Click the checkbox
• ✏️ Edit: Click "Edit" button
• 🗑️ Delete: Click "Delete" button
• 🔍 Search: Use the search bar
• 📊 Filter: Use status, priority, and category filters

Data Management

• 📤 Export: Download your tasks as JSON
• 📥 Import: Upload JSON files (merges with existing tasks)
• 💾 Backup: Create timestamped backups

🛠️ Troubleshooting

App won't start?

npm install
npm start

AI features not working?

• Check your API key in .env file
• Make sure you have internet connection
• Restart the app after adding the API key

Can't find your tasks?

• Check the filter settings
• Try searching for task titles
• Look in different categories

📱 Works Everywhere

• 💻 Desktop - Full features
• 📱 Mobile - Touch-friendly
• 🌐 Browser - No installation needed

🎨 Customization

Want to change colors or add features? The code is well-organized and easy to modify!

📄 License

MIT License - feel free to use and modify!

---

Need help? Check the browser console for errors or create an issue in the repository.