TaskMaster - Employee Management System

TaskMaster is a modern, responsive Employee Management System built with React and Tailwind CSS. It allows administrators to manage employees and assign tasks, while employees can view their tasks and update their status.

🚀 Features

🔐 Authentication

• Secure login for both Admins and Employees.
• Role-based access control (Admin vs. Employee dashboards).

👨‍💼 Admin Dashboard

• Create Tasks: Assign new tasks to specific employees with details like title, description, date, category, and priority.
• View All Tasks: Monitor all tasks across the organization in a comprehensive list view.
• Employee Management: (Implicit via task assignment).

👷 Employee Dashboard

• Task Overview: View all assigned tasks in a clean, card-based layout.
• Task Status Management:
  • New: Accept tasks to move them to "Accepted".
  • Accepted: Mark tasks as "Completed" or "Failed".
• Statistics: Real-time counters for Total, New, Completed, and Failed tasks.

💾 Data Persistence

• Uses localStorage to persist user data and task updates, ensuring data isn't lost on page refresh.

🛠️ Tech Stack

• Frontend Framework: React (Vite)
• Styling: Tailwind CSS
• State Management: React Context API
• Routing: React Router DOM
• Icons: (Used via text/emoji or SVG in code)

📦 Installation & Setup

1. Clone the repository:

   git clone <repository-url>
   cd Employee-Managemet-Project

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open in browser: Navigate to http://localhost:5173 (or the port shown in your terminal).

🔑 Default Login Credentials

The application comes pre-loaded with demo data. You can use the following credentials to log in:

Admin

• Email: admin@company.com
• Password: admin123

Employees

Name	Email	Password
Rahul Sharma	rahul@company.com	rahul123
Ananya Patel	ananya@company.com	ananya123
Kunal Verma	kunal@company.com	kunal123
Neha Singh	neha@company.com	neha123

📂 Project Structure

src/
├── assets/          # Static assets
├── Components/      # Reusable UI components
│   ├── Admin/       # Admin-specific components (Dashboard, TaskCreate, AllTasks)
│   ├── Employee/    # Employee-specific components (Dashboard, TaskCard, Detail)
│   └── Login/       # Login form component
├── Context/         # Context API for state management (AuthContext)
├── Pages/           # Main page views (Home, Login, Admin, Employee)
├── Utils/           # Utility functions and initial data (LocalStorage)
├── App.jsx          # Main application component with routing
└── main.jsx         # Entry point