Challenge
Factory teams need accurate workforce visibility across offices, employee categories, attendance status, leave requests, and payroll cycles without jumping between spreadsheets.
Back to Portfolio
Operations ERPSri Lanka
Annai & Son HR System
A factory operations platform for workforce, attendance, payroll, and offices.
A production-grade dashboard experience designed to simplify employee records, shift attendance, leave reviews, payroll runs, office structures, and reporting.
9+
Modules
14
UI primitives
Feature-led
Architecture
Employee management
Office and shift templates
Attendance dashboard
Leave and payroll pages
Client
Annai Holdings
Market
Factory Workforce
Status
Internal system case study
Year
2026
Solution
We built a modular React application with feature-based pages, reusable UI primitives, lazy-loaded routes, and seed data that models real HR operations.
Outcome
The system gives management a single operational cockpit for daily workforce decisions and a foundation ready for API integration.
Case Study Flow
From business context to shipped experience.
01
Discovery
Audited the core factory workflows and grouped them into clear operational domains: people, shifts, finance, reports, and settings.
02
Design
Created a dense but readable dashboard with command-like shortcuts, KPI cards, tables, and admin navigation.
03
Delivery
Implemented a scalable Vite app with route-level code splitting and feature folders for easy future expansion.
Core Features
What the build includes
Employee management
Office and shift templates
Attendance dashboard
Leave and payroll pages
Services Delivered
Product architectureDashboard UIWorkflow designFrontend engineering
Technology Stack
React 19Vite 6React Router 7ESLint 9CSS Design System
9+
Modules
14
UI primitives
Feature-led
Architecture
Need this kind of clarity for your own idea?
We can turn a landing page, internal system, travel platform, ecommerce idea, or AI workflow into a client-ready digital product.
Start a Conversation