Employee Task Management Dashboard

A modern and responsive Employee Task Management System built with React + Tailwind CSS. It provides separate dashboards for Admin and Employees where:

Admin can log in, create tasks, and assign them to employees.

Employees can log in to view, track, and update their assigned tasks.

Task statistics like Active, New, Completed, and Failed are displayed in a clean dashboard.

All data is persisted using LocalStorage for simplicity.

🚀 Features

✅ Separate dashboards for Admin & Employees ✅ Admin can assign tasks to employees ✅ Employees can track tasks with status updates ✅ Task counters: Active, New, Completed, Failed ✅ Data persistence using LocalStorage ✅ Fully responsive UI with Tailwind CSS

🛠️ Tech Stack

Frontend: React (Vite)

Styling: Tailwind CSS

State Management: React Context API

Storage: LocalStorage

🔑 Login Credentials 👨‍💻 Admin Account

Email: sohaibali1277@gmail.com

Password: 12345

👥 Employee Accounts Name Email Password Ali Khan ali.khan@example.com 12345 Sara Ahmed sara.ahmed@example.com 12345 Bilal Malik bilal.malik@example.com 12345 Hina Fatima hina.fatima@example.com 12345 Usman Tariq usman.tariq@example.com 12345 📊 Example Task Data

Each employee has tasks categorized as:

Active (currently in progress)

New (newly assigned tasks)

Completed (finished successfully)

Failed (missed or failed tasks)

⚡ Future Improvements

Add authentication with JWT / Firebase

Database integration (MongoDB / MySQL)

Role-based access system

Dark/Light mode toggle