Skip to content

README.md

Latest commit

 

History

History
78 lines (54 loc) · 2.25 KB

README.md

File metadata and controls

78 lines (54 loc) · 2.25 KB

📝 Task Manager App (React)

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

🚀 Features

  • ✔️ 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

💡 Tech Stack

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
---

🔧 Getting Started

1️⃣ Clone the Repository

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.

About the Developer

Atiq Umer

🎓 CS Student | 💻 React, WordPress, Django Developer

📧 atiqumer15@gmail.com 🔗 Linkeldn Profile: Atiq Umer