IntelliFace Portal
A multi-tenant SaaS admin platform for HR teams to manage biometric attendance, leave, payroll, and workforce analytics across unlimited locations.
The Problem
Traditional HR software forces administrators to jump between spreadsheets, paper registers, and fragmented tools to answer a simple question: who showed up to work today?
IntelliFace needed a single command center that replaced all of it — real-time attendance visibility, leave management, payroll automation, compliance reporting, and billing — all in one cohesive interface.
What We Built
Multi-Level Access Architecture
The dashboard serves three distinct personas with different views of the same data:
SuperAdmin sees the entire platform — all companies, subscription metrics, MRR dashboard, plan management, and system health. This is the IntelliFace internal team's control panel.
Company Admin sees their organization — employees, departments, locations, shift schedules, attendance records, leave requests, payroll, and audit logs. All data is strictly isolated per tenant.
Employee sees only their own record — their attendance history, payslips, leave balances, and schedule.
All three personas share the same codebase. A single featureGuard middleware and subscription-aware routing ensure users only see what they're entitled to.
Real-Time Attendance Board
The Live Board — the most-used feature by facility managers — shows a grid of every employee with their current status: checked in, checked out, late, absent. It updates without page refresh using polling, with configurable refresh intervals.
Color-coded status indicators and sortable columns let a manager scan 200 employees in seconds.
Data Visualization
We built a comprehensive analytics layer using Recharts:
- Daily attendance trends — bar charts comparing present/late/absent counts over time
- Department breakdown — which departments have attendance issues
- On-time vs. late distribution — pie charts for quick pattern recognition
- Overtime tracking — who's consistently working beyond their shift
All charts are filterable by date range, department, and location. Every chart exports to PDF via jsPDF + html2canvas.
Leave & Payroll Automation
Leave requests flow through a structured approval workflow: employee submits → manager notified → admin approves/denies → employee notified → balance updated. Every step is audited.
Payroll calculation pulls directly from attendance records — hours worked, overtime, deductions for absences — generating payslips that employees can view in the mobile app the same day they're processed.
Subscription-Gated Features
IntelliFace has three tiers. The dashboard enforces feature access at every level:
- Starter: core attendance + basic reports
- Professional: leave management + shift scheduling + exports
- Enterprise: multi-location + audit logs + payroll + API access + custom branding
Feature flags are enforced both on the backend (API rejects unauthorized requests) and the frontend (UI hides or disables locked features with clear upgrade prompts).
Technical Decisions
React 19 + Vite for the fastest possible development iteration. The build completes in under 3 seconds.
React Router 7 with data loaders for progressive data fetching — navigation feels instant.
Recharts for all charts — sufficient for our data complexity, highly customizable, zero third-party licensing fees.
i18next for full English/Arabic localization with RTL layout switching. Every component is direction-aware.
JWT with refresh tokens for stateless auth that scales horizontally without session storage.
Results
- 500+ companies onboarded since launch
- 2M+ attendance records processed monthly
- 98.7% uptime over the first 12 months
- 4.8/5 admin satisfaction score in quarterly surveys
- 40% reduction in HR administrative overhead reported by clients