- Role
- Frontend Angular Developer
- Year
- 2023
- Company
- ITGalax Solutions Pvt Ltd
- Platform
- Enterprise Web
- Status
- Delivered
Overview
Self-service pension platform allowing members to access contributions, balances, statements, claims and account information digitally.
The challenge
Members depended heavily on staff to understand contributions, balances, statements and pension-related information that should have been available through self-service.
Financial information needs to be accurate and easy to understand. The interface had to prioritize clarity over information density while handling multiple account data streams.
The solution
A member-facing Angular portal that transformed pension information into clear dashboards, account views, transaction histories, statements and claims workflows.
Angular with Angular Material for consistent enterprise UI components, RxJS for reactive account data streams and .NET APIs for backend communication.
My contribution
- Member dashboard and account views in Angular
- Reactive composition of the contribution, balance and transaction streams
- Statement and claims workflow interfaces
- Angular Material component usage and interface consistency
- API integration against the .NET services
Key features
Member dashboard
Contribution history
Pension balances
Transaction history
Statements
Claims management
Beneficiary information
Engineering decisions
- Problem
- A pension member reads a balance once and acts on it. Dense financial tables are accurate and still leave the member calling the office to have them explained.
- Decision
- Led the member view with the few figures that answer the common questions, and kept the full transaction detail one level down rather than on the landing screen.
- Why
- The portal existed to reduce staff-assisted queries. Density on the first screen would have preserved exactly the calls it was meant to remove.
- Trade-off
- A member who wants the full ledger takes one extra step to reach it.
Stack
| Frontend | Angular |
|---|---|
| UI system | Angular Material |
| State | RxJS |
| API | .NET |
Results
- Member workflows
- 7
- Dashboard, contributions, balances, transactions, statements, claims and beneficiaries.
- Account data
- Multi-stream
- Contribution, balance, transaction and claim streams composed into one member view.
- Delivery target
- Enterprise web
- Angular Material component system for consistency across the member screens.
- Created a centralized self-service experience for pension members.
- Reduced dependency on manual staff assistance for common account information.
- Improved visibility into contributions, balances and pension transactions.
Where to go next
- enterprise Angular development — the service this project is evidence for.
- Angular engineering — Enterprise Angular work of the kind this portal required.
- Angular Signals state management — The two pieces of PRIMS state that earned promotion, and why nothing else did.
- Quiet interfaces age better — The restraint argument behind leading with figures instead of tables.
Related case studies
Delivered
Fiji Immigration Internal Management System
The system immigration officers run a country borders on.
next up →VNPF blo mi Member Mobile App