HR / 2026
Attendance & Payroll System
Attendance and payroll for factories and offices: shifts, late marks, overtime and salary, with live dashboards and month-end reports.
- Web
- iOS
- Android
- Node.js + SQL
Overview
The system tracks every employee's day, from check-in to check-out, across branches and departments. Each employee has their own shift, lunch break, weekly off, grace period and overtime rules, and the system works out present, late, half day, holiday and week-off status on its own.
Admins see the whole company on one dashboard: attendance rate, on-time rate, late arrivals and salary cost for any date range, plus daily trends and department breakdowns.
At month end the reports do the payroll work: a calendar view of each employee's month, hours worked, overtime pay and net salary, with one-click Excel export. It runs as a multi-company system, so each client signs in with their own company code.
Built with
- React
- Node.js
- SQL
- React Native
- Expo
System architecture
4 parts, one backend. Every app reads and writes through the same backend (Node.js + SQL).
- Admin Web DashboardWeb
- Admin AppiOS, Android
- Employee AppiOS, Android
- BackendNode.js + SQL
- SQL database
- Excel import and export
The parts
Admin Web Dashboard
Web
Staff registration with shift and overtime rules, a live attendance dashboard, and monthly reports with overtime and salary.
React
Admin App
iOS, Android
The whole company's attendance in the manager's pocket: today's numbers, a searchable daily report, and one-tap approval of leave and salary advance requests.
React Native, Expo
Employee App
iOS, Android
Each employee slides to check in and out, sees their monthly summary and day-by-day records, and applies for leave or a salary advance.
React Native, Expo
Backend
Node.js + SQL
Multi-company API that calculates attendance status, overtime and salary from each employee's shift rules.
Node.js, SQL