A feature-rich, responsive Task Manager application built with React.js. This app allows users to manage daily tasks efficiently — from creating and editing tasks to filtering by status and attaching images — with persistent offline storage via IndexedDB.
🔗 Live App: neuralflex.netlify.app
📁 Repository: GitHub - Atiqumer/Task-Manager-React
- ✔️ Create, update, and delete tasks
- 🏷️ Assign titles, descriptions, and due dates
- 📷 Attach images to tasks (stored as base64)
- 🟢 Mark tasks as "Active" or "Completed"
- 🔍 Filter tasks by status (All, Active, Completed)
- 🗂️ View task details in a modal popup
- 💾 Persistent data storage using IndexedDB
- 📱 Fully responsive, mobile-friendly layout
| Technology | Description |
|---|---|
| React.js | Frontend framework (functional components + hooks) |
| Tailwind CSS | Utility-first CSS framework |
IndexedDB (via idb) |
Client-side storage for offline persistence |
| Netlify | Deployment platform |
## 📁 Folder Structure
Task-Manager-React/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable components (TaskForm, TaskList, TaskModal)
│ ├── utils/ # IndexedDB logic (db.js)
│ ├── App.js # Main application component
│ ├── App.css # Global styles
│ └── index.js # Entry point
├── package.json
└── README.md
---
git clone https://github.com/Atiqumer/Task-Manager-React.git
cd Task-Manager-React
2️⃣ Install Dependencies
npm install
3️⃣ Start the Development Server
npm start
Visit http://localhost:3000 in your browser.
Atiq Umer
🎓 CS Student | 💻 React, WordPress, Django Developer
📧 atiqumer15@gmail.com 🔗 Linkeldn Profile: Atiq Umer