Task Manager Pro 🚀 A modern task management application with weather integration, theme customization, and progress tracking.
🌟 Features 📝 Task Management -Create and edit tasks -Add due dates and reminders -Mark tasks as important -Add subtasks -Schedule tasks -Mark tasks as completed -Reopen completed tasks
🌤️ Weather Integration
-Real-time weather updates
-City-based weather display
-Dynamic weather icons
🎨 Theme Options
-Dark/Light mode toggle
-Persistent theme preferences
📊 Progress Tracking
-Visual task completion graphs
-Performance analytics
🛠️ Tech Stack Frontend: -React 18 -Redux Toolkit -Bootstrap 5 -Chart.js -Lucide React -State Management:
-Redux
-Redux Persist
🚀 Quick Start 1.Clone the repository git clone https://github.com/yourusername/task-manager-pro.git cd task-manager-pro
2.Install dependencies
npm install
3.Set up environment variables Create a .env file in the root directory:
VITE_API_KEY=your_api_key_here
4.Start the development server
npm run dev
📁 Project Structure TO-DO-APP/ ├── src/ │ ├── components/ # React components │ ├── store/ # Redux store │ ├── contexts/ # Theme context │ ├── pages/ # dashbord and login page │ └── assets/ # Images & icons ├── public/ └── package.json
🔧 Configuration -Weather API Setup 1.Get API key from WeatherAPI 2.Add key to .env file -Theme Configuration -Theme settings are managed through ThemeContext -Automatically saves user preference
📦 Dependencies { "react": "^18.2.0", "react-redux": "^8.0.5", "redux-toolkit": "^1.9.3", "bootstrap": "^5.2.3", "chart.js": "^4.2.1", "lucide-react": "^0.188.0" }
🤝 Contributing 1.Fork the repo 2.Create feature branch: git checkout -b feature/AmazingFeature 3.Commit changes: git commit -m 'Add AmazingFeature' 4.Push to branch: git push origin feature/AmazingFeature
📝 License Distributed under the MIT License. See LICENSE for more information.
👥 Author Md Aabid Hussain - @aabid2947