Back to Projects

HR Payroll System

Human Resources Information System

August 2025 – Present
Live Demo
ReactTypeScriptNode.jsMongoDBTailwind CSSExpress

The Problem

Small to medium businesses often rely on manual processes or fragmented tools for HR management, leading to inefficiencies, errors in payroll, and poor employee experience.

My Role

Full-Stack Developer & Technical Lead

The Solution

Developed a comprehensive HR management system covering employee management, attendance tracking, leave requests, announcements, payroll processing, and profile management - all in one unified platform.

Technology Stack

React

Frontend framework for complex UI components

TypeScript

Type safety for large-scale application

Node.js & Express

Backend API for business logic and calculations

MongoDB

Document database for HR data

Tailwind CSS

Rapid UI development with utility classes

Key Features

  • Employee profile management with document storage
  • Attendance tracking with clock-in/clock-out functionality
  • Leave request and approval workflow system
  • Automated payroll calculation with deductions and benefits
  • Company-wide announcements and notifications
  • Role-based access control for different user types
  • Reporting and analytics dashboard for HR metrics
  • Document management for contracts and policies

Impact & Results

Reduced HR administrative time by 60% through automation. Eliminated payroll errors and improved employee satisfaction with self-service features.

Screenshots

Employee Management

Employee Management

Profile Interface

Profile Interface

Lessons Learned

  • Learned to implement complex role-based permission systems
  • Gained experience in building audit trails for compliance
  • Understood payroll calculation complexities and tax regulations
  • Mastered workflow automation and approval systems