Employee Admin Panel

Description

This freelance project was developed for a uk-based company to streamline their employee attendance and shift monitoring process. Previously relying on spreadsheets, the company needed a centralized, web-based system to handle employee check-ins, break tracking, and status monitoring across multiple departments and shift types (day/night).

I designed and developed a custom admin panel using the mern stack, offering real-time employee status updates, attendance logs, and reporting features. The platform includes role-based access with separate dashboards for admin and employee users, enabling smooth management and transparency in work hours and productivity tracking.

The application supports employee login/logout, break and status updates (working, away, break), and provides the admin with live insights, shift settings, break rules, and downloadable reports.

Features & Tech Stack

I developed the entire system from scratch based on client requirements. Here's how I built it:

Developed separate dashboards for Admin and Employee roles using React.js and Tailwind CSS, ensuring clean UI and smooth UX.
Designed and implemented a MongoDB-backed REST API using Node.js and Express.js to manage employees, attendance logs, shift types, and status tracking.
Built real-time status tracking for Admins to view which employees are currently working, on break, or away.
Created a break monitoring system that tracks break start time and notifies admins when employees exceed time limits.
Integrated CSV export features for attendance reports and daily summaries.
Designed features for shift configuration, employee role assignment, and status-based filtering.
Implemented secure login and role-based routing with JWT-based authentication.
Managed the complete project delivery, including requirement gathering, design, development, and handoff.