React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.

🗂️ TaskForge – Role-Based Task Management System

TaskForge is a role-based task management web app that allows teams to create, assign, and track tasks effectively.
It provides separate dashboards for Admins and Employees, ensuring a clear workflow and accountability in task handling.

---

🚀 Features

✅ Secure Role-Based Login – Admin & Employee authentication
✅ Admin Dashboard – Create, assign, and monitor tasks
✅ Employee Dashboard – View and update assigned tasks
✅ Status Tracking – Task progress shown as New, Active, Completed, or Failed
✅ Modern Responsive UI – Built with React + Tailwind CSS

---

🛠️ Tech Stack

Frontend: React.js, JavaScript, HTML5, Tailwind CSS
Tools & Platforms: Vite, GitHub, VS Code
Version Control: Git

---

🧩 Project Workflow

🔹 Step 1: Admin Login

Admin securely logs in to access the task management panel.

---

🔹 Step 2: Admin Dashboard – Create & Assign Tasks

Once logged in, the Admin can:

• Add task title, description, due date, and category
• Assign tasks to specific employees
• Track employee progress with color-coded task tables

---

🔹 Step 3: Employee Login

Employees log in using their credentials to view assigned work.

---

🔹 Step 4: Employee Dashboard – View & Manage Tasks

Employees can:

• View task details (title, description, due date, category)
• Update task progress
• Mark tasks as Completed or Failed

---

🧠 Key Learnings

• Implementing role-based authentication in React
• Managing state and routing across multiple components
• Designing clean and responsive UI using Tailwind CSS
• Structuring modular React components for maintainability

---

💡 Future Enhancements

• Backend integration with Firebase / Node.js + MongoDB
• Email notifications for assigned tasks
• Analytics dashboard for Admin overview
• Task filtering and search functionality

---

👩‍💻 Developed By

Vaishnavi Pataskar
B.Tech (E&TC) | Aspiring Software Developer

📧 vaishnavi.pataskar15@gmail.com
🔗 LinkedIn • GitHub

---

⭐ If you like this project, consider giving it a star on GitHub! ⭐