Arjuna CIMB

Arjuna Web — CIMB Niaga's internal employee self-service portal. A single-page application serving thousands of banking employees across Indonesia, consolidating 20+ HR functions into one authenticated experience.

Problem

• Fragmented HR workflows (leave, performance, benefits, payroll, org charts, exit management) scattered across legacy systems with no unified interface.

• Complex role hierarchy requiring fine-grained access control across direct supervisors, HR business partners, and talent acquisition roles.

Approach

• Clean + Screaming Architecture: three-layer separation (app infrastructure, core domain, modules sub-domain) with feature co-location — no cross-layer import violations.

• Dual state management: Redux Toolkit (persisted auth/roles) + TanStack React Query (server cache with auto-invalidation) — each used where it fits.

• 37 reusable UI components built on Radix UI primitives via shadcn/ui, with Tailwind CSS design tokens matching CIMB's brand system.

• JWT-based auth with automatic 401 handling via Axios interceptors, AES-encrypted passwords, and role resolution from token claims at login.

• Module-per-feature routing with lazy-loaded route trees, guarded by RouteGuard components checking persisted auth state and role permissions.

Impact

• Unified 20+ previously siloed HR workflows under one responsive web application.

• Eliminated reliance on legacy SQ2 services through gradual API migration while maintaining backward compatibility during transition.

• Reusable component library and layered architecture reduced onboarding time for new feature teams.