👔 Employee Management System (EMS) 👔

A robust and responsive Employee Management System designed to bridge the gap between administrators and employees. It features distinct dashboards for task assignment, status tracking, and performance analytics, all powered by a modern, high-performance tech stack.

---

🔐 Login Credentials (Demo)

Use these credentials to explore the different dashboards available in the system.

Role	Email	Password	Access Level
Admin	admin@me.com	123	Full Control: Assign tasks, view all employees.
Employee	e1@e.com	123	Task View: Accept, complete, or fail tasks.
Employee	employee2@example.com	123	Task View: Accept, complete, or fail tasks.

---

🚀 Key Features

👨‍💼 For Admins

• Task Assignment: Create and assign tasks to specific employees with deadlines and categories.
• Global Overview: View a comprehensive list of all tasks and their current statuses (New, Active, Completed, Failed).
• Employee Monitoring: Track individual employee progress and performance stats.

👨‍💻 For Employees

• Personalized Dashboard: View assigned tasks with priority indicators.
• Status Updates: Mark tasks as "Accepted," "Completed," or "Failed" in real-time.
• Performance Metrics: See a summary of completed vs. failed tasks.

---

🛠️ Tech Stack

This project leverages the latest ecosystem standards for 2025:

• Frontend Framework: React v19 (Latest Features)
• Build Tool: Vite v7 (Blazing Fast HMR)
• Styling: Tailwind CSS v4 (Zero-runtime styling)
• Animations: Framer Motion (Smooth UI transitions)
• Icons: Lucide React (Consistent icon set)
• State Management: React Context API
• Persistence: LocalStorage (Data persists on refresh)

---

📁 Repository Structure

├── 📁 public
│   ├── 🖼️ ems-icon.svg
│   └── 🖼️ vite.svg
├── 📁 src
│   ├── 📁 assets
│   │   └── 🖼️ react.svg
│   ├── 📁 components
│   │   ├── 📁 Auth
│   │   │   └── 📄 Login.jsx
│   │   ├── 📁 Dashboard
│   │   │   ├── 📄 AdminDashboard.jsx
│   │   │   └── 📄 EmployeeDashboard.jsx
│   │   └── 📁 TaskList
│   │       ├── 📄 AcceptTask.jsx
│   │       ├── 📄 CompleteTask.jsx
│   │       ├── 📄 FailedTask.jsx
│   │       ├── 📄 NewTask.jsx
│   │       └── 📄 TaskList.jsx
│   ├── 📁 context
│   │   └── 📄 AuthProvider.jsx
│   ├── 📁 other
│   │   ├── 📄 AllTask.jsx
│   │   ├── 📄 CreateTask.jsx
│   │   ├── 📄 Header.jsx
│   │   └── 📄 TaskListNumber.jsx
│   ├── 📁 pages
│   ├── 📁 utils
│   │   └── 📄 localStorage.jsx
│   ├── 🎨 App.css
│   ├── 📄 App.jsx
│   ├── 🎨 index.css
│   └── 📄 main.jsx
├── ⚙️ .gitignore
├── ⚙️ .prettierrc
├── 📝 README.md
├── 📄 eslint.config.js
├── 🌐 index.html
├── ⚙️ package-lock.json
├── ⚙️ package.json
└── 📄 vite.config.js