Full Stack Web AppYear: 2024Production Ready

HR Management System

Enterprise Attendance & Automated Payroll Platform

RoleFull-Stack Developer & UI Architect
Timeline2024
DeploymentSingle Page App + BaaS
StatusActive / Online
// Architecture & Overview

Project Overview

A modern web-based HR & Payroll application engineered to eliminate payroll discrepancies, automate leave approval workflows, and simplify daily attendance logging.

The Challenge

Traditional small businesses face administrative delays tracking employee hours manually on spreadsheets, leading to errors in salary computations, unrecorded leaves, and delayed monthly payouts.

The Solution

Built a centralized cloud platform featuring dual Admin & Employee dashboards. Integrated reactive attendance check-ins, automated leave request management with instant approval actions, and automatic gross/net salary calculations.

Key Capabilities & Implementation Details

Real-time employee clock-in and daily attendance monitoring
Role-based access security separating admin controls from employee records
Interactive leave application portal with instant status notifications
Automated salary computation engine accounting for leave deductions
Fast cloud sync powered by Firebase Firestore with zero server maintenance
Interactive 3D Geometry

Drag with cursor to rotate & examine

Tech Stack Applied
React.jsFirebaseCloud FirestoreTailwind CSSAuthentication
Visit Live Demo
System Metadata
ArchitectureSingle Page App + BaaS
Live Demoapnapp.netlify.app
DatabaseCloud Firestore
StatusProduction Ready