📝 DoIt - Advanced Task Manager

DoIt is a modern and responsive task management web application built using React, Redux Toolkit, Tailwind CSS, and Lucide Icons. It allows users to efficiently manage their to-dos with features like filters, themes, notes, due dates, and more.

---

🔧 Features

• ✅ Add/Edit/Delete Tasks
• 🌓 Dark/Light Theme Toggle
• 🔍 Search Tasks with Debounced Input
• 📅 Due Date Picker with Time
• ⭐ Mark Tasks as Important
• 📌 Task Filters: Today, Important, Completed, Overdue
• 🔁 Repeat Task & Add Notes
• 🗑️ Delete All Tasks Option
• 📱 Responsive UI
• 💾 Storage Persistence

---

📸 Screenshots

---

🚀 Getting Started

1. Clone the Repository

git clone https://github.com/your-username/doit-task-manager.git
cd doit-task-manager

2. Install Dependencies

npm install

3. Run the App

npm run dev

Visit http://localhost:5173 to view it in the browser.

🗂️ Project Structure

src/
├── Components/
│   ├── NavBar.jsx
│   ├── Sidebar.jsx
│   ├── SideBarItem.jsx
│   ├── TaskInput.jsx
│   ├── TaskList.jsx
│   └── TaskDetailPanel.jsx
├── slice/
│   ├── todoSlice.js
│   └── uiSlice.js
├── assets/
│   └── IconDoItApp.png
├── App.jsx
└── main.jsx

🧠 Technologies Used

• React
• Redux Toolkit
• Tailwind CSS
• Lucide React Icons
• React Datepicker
• Vite

---

✨ Future Enhancements

• User authentication
• Drag & drop task reorder
• Notifications or reminders

---

🙋‍♂️ Author

Siddharth Phogat

---

📄 License

This project is open source and available under the MIT License.