Shiftboard HRMS
Live roster persisted to a database. Clock-in toggles update across every browser, on every branch, in real time.
Category
Web App
Scope
HR & attendance platform
Role
Full-stack lead
Timeline
Q3 2024 · 4 months
Overview
The story
Shiftboard is a Laravel-backed HR system used to coordinate attendance, payroll workflows and reporting for distributed teams across multiple branches. The web dashboard pairs with a Flutter field app so supervisors get live status, while HR handles approvals, leave and payroll runs from one console.
Problem
Payroll for 180 staff across 6 branches took a full day every fortnight — spreadsheets, WhatsApp screenshots and biometric exports that never agreed.
Solution
One source of truth: web HR dashboard + Flutter clock-in app + shared-device kiosk, all writing to one Postgres ledger with audit trail.
Business value
Gives HR a single console for attendance, leave and payroll across multiple branches.
Outcome
Branch managers see live clock-in status. HR closes payroll cycles in 2 hours instead of a full day of spreadsheet wrangling.
Highlights
- Live staff roster with clock-in toggles
- Branch-level attendance reporting
- Leave and approval workflows
- Payroll-ready CSV exports
- Mobile field app integration
- Kiosk fallback for shared sites
Tech stack
- Laravel 11API & business logic
- PostgreSQLAttendance ledger
- FlutterField clock-in app
- ReactHR dashboard
- Pusher / EchoRealtime roster
Payroll close time
−87%
1 day → 2 hours
Staff managed
180+
across 6 branches
Attendance accuracy
99.2%
from ~88%
Branches live
6
rolled out in 8 weeks
How it was built
Process
- 1
Inventory
Catalogued every existing attendance source — biometric, sheet, WhatsApp.
- 2
Reconcile
Built a one-time importer to seed the ledger from historical sources.
- 3
Ship
Web HR + Flutter field app launched together so no branch was left behind.
- 4
Iterate
Weekly review with HR for 6 weeks to tune the approval and exception flows.
"I used to dread the 15th and the 30th. Now payroll is just a button."
M. Achieng' · HR Manager
Live demo
Try it now
Real interface wired to a live database — changes you make persist for every visitor.
Headcount
0
Clocked in
0 / 0
now
Branches
0
Attendance
0%
today
Live presence
0 on-site / 0 total
By branch
Roster
Loading roster…