iCube Retail – iCube ERP HRMS
Architected a Next.js 14 App Router enterprise HRMS platform serving 1,000+ employees across 15+ production modules (Attendance, Payroll, Leave, Loan, Policy Management) using SSR and ISR for optimal performance. Built a reusable component library of 23+ shared components, cutting development time by 60%.
Next.js 14
TypeScript
Ant Design
AG-Grid
Module CSS
Zustand
REST APIs
Formik
Yup
Features
- Attendance Management with 31-day calendar grid, inline cell editing, and bulk entry operations
- Payroll automation and Salary Group Configuration with formula-based calculations
- Leave, Loan, and Advance Management with approval workflows and EMI tracking
- Shift Allocation System with custom calendar and department-wise tree structure
- 6 Policy Configuration modules (Shift, Time, Week, Overtime, Leave, Permission) with group inheritance
- Holiday List Management with department-wise assignment and calendar integration
Key Achievements
- Engineered a reusable component library of 23+ components, reducing code duplication by 60% and accelerating feature delivery to 2–3 screens/day.
- Built a 31-day calendar attendance grid with inline editing and bulk operations processing 500+ employee records with sub-100ms response times.
- Implemented 6 policy configuration modules with employee-group inheritance, cutting policy setup time by 70%.
- Designed a Shift Allocation System with custom calendar UI and Excel import/export for bulk assignment of 100+ employees.
- Integrated complex REST APIs with structured error handling and real-time data validation across all modules.
Problems Tackled
- Managing state complexity across 15+ interdependent HRMS modules with deeply nested data flows.
- Inconsistent UI patterns across legacy screens that needed standardization without breaking existing functionality.
- Handling bulk data operations (500+ records) while maintaining sub-100ms UI responsiveness.
Learning Outcomes
- Advanced Next.js 14 App Router patterns including SSR, ISR, and server components for enterprise-scale apps.
- Best practices for building scalable, reusable component libraries with Ant Design and TypeScript.
- Optimizing AG-Grid for large datasets with virtual scrolling, custom cell renderers, and inline editing.
Future Growth
- Deepened expertise in Zustand for lightweight global state management across complex module hierarchies.
- Strengthened Agile workflow skills — sprint planning, backlog grooming, and cross-team collaboration.
- Expanding into automated testing (Jest, React Testing Library) for critical HRMS modules.