Back to Portfolio
Full-Stack Project

Company Attendance
Portal

A comprehensive digital solution for managing employee attendance, shift scheduling, and HR reporting — built to replace manual registers with a real-time, role-based web platform.

React Node.js PostgreSQL

Project Demo Video

Is jagah apna demo video daalen
<video src="demo.mp4">

🎯

Project Goal

In this system employe have to mark attendance manually provided by company respective time, there are three type of attendance employe have mark first morning attendance when emp checkin, second afternoon attendance when emp come from the lunch and mark noon attendance and last checkout attendance attendance when epm will leave office.

👥

Target Users

Employees, Team Leads, HR Managers, and Company Admins — for admin there is another dasbord where admin can handle everything like attendance, leave, fire, permanently fire.

📊

Key Outcome

Real time attendance portal can access only with single device when login in this system i use fingerprint system where function capture the device id and store in the data after that when emp login then backend matchs the device id if same then emp will login if emp try to login with another device it will show warning

🔒

Security

Single device login, Lon & lat using the company location with in the range of 100m according to company area.

Clock In / Clock Out — Employee can mark with in sec one click
Leave Management — Admin can approve or reject the leave from the admin portal
Admin Dashboard — Company-wide attendance real time overview
Shift Scheduling — admin can change the shift of working and also can change the attendance according to real reason
Reports & Export — Monthly/weekly attendance reports, admin can download in CSV/PDF
Role-Based Access — Employee, Manager, HR, Admin — different permissions
Notifications — Late arrival, absent, or late then emp will get the alert popup
Responsive UI — best for mobile and also for pc

React.js

Frontend UI library — component-based dynamic interface, fast rendering, and reusable UI components

Node.js

Handle Backend server — REST API, authentication logic, business rules, and real-time data processing

PostgreSQL

Relational database — employee records, attendance logs, and HR data reliable, scalable storage