How ramkishore417/pension-management-system-frontend works
This is an Angular pension-management frontend. Users can sign in, then access pension calculation, pensioner records, and transaction history; the pension workflow looks up a pensioner by Aadhaar and submits the resulting pension for processing. The graph distinguishes UI stages, routing/authentication, and API services. The README describes only Angular scaffolding, so product capabilities are inferred from the sampled modules and filenames; unsampled service behavior and component interactions are shown only where evidence supports them.
Main entry points: app.module.ts App Module · login.service.ts Login and Lists · app-routing.module.ts Route Table · pension.component.ts Pension Lookup
Components 19
Application UI
- App Module
src/app/app.module.ts - App Shell
src/app/app.component.ts - Home
src/app/components/home/home.component.ts - Navigation Bar
src/app/components/navbar/navbar.component.ts - Sign In
src/app/components/login/login.component.ts - Pension Lookup
src/app/components/pension/pension.component.ts - Pensioner Records
src/app/components/pensioner-list/pensioner-list.component.ts - Transaction History
src/app/components/transaction-list/transaction-list.component.ts - Pension Data Model
src/app/PensionDetail.ts
Access Control
- Route Table
src/app/routing/app-routing.module.ts - Route Guard
src/app/guard/auth.guard.ts - Auth Interceptor
src/app/interceptor/auth.interceptor.ts
API Services
- Login and Lists
src/app/services/login/login.service.ts - Pension API Service
src/app/services/pension/pension.service.ts - Environment Settings
src/environments/environment.ts
Other components
- User
- Angular Bootstrap
src/main.ts - Pension Management API
- Browser Local Storage
Connections 28
- User → Route Table: navigates
src/app/routing/app-routing.module.ts - Angular Bootstrap → App Module: bootstraps
src/main.ts - App Module → App Shell: bootstraps
src/app/app.module.ts - App Module → Sign In: registers
src/app/app.module.ts - App Module → Home: registers
src/app/app.module.ts - App Module → Navigation Bar: registers
src/app/app.module.ts - App Module → Pension Lookup: registers
src/app/app.module.ts - App Module → Pensioner Records: registers
src/app/app.module.ts - App Module → Transaction History: registers
src/app/app.module.ts - Route Table → Home: routes to
src/app/routing/app-routing.module.ts - Route Table → Sign In: routes to
src/app/routing/app-routing.module.ts - Route Table → Pension Lookup: routes to
src/app/routing/app-routing.module.ts - Route Table → Pensioner Records: routes to
src/app/routing/app-routing.module.ts - Route Table → Transaction History: routes to
src/app/routing/app-routing.module.ts - Route Table → Route Guard: guards routes
src/app/routing/app-routing.module.ts - Route Guard → Login and Lists: checks session
src/app/guard/auth.guard.ts - Auth Interceptor → Login and Lists: gets token
src/app/interceptor/auth.interceptor.ts - Sign In → Login and Lists: requests sign-in
src/app/components/login/login.component.ts - Home → Login and Lists: checks session
src/app/components/home/home.component.ts - Pensioner Records → Login and Lists: loads records
src/app/components/pensioner-list/pensioner-list.component.ts - Transaction History → Login and Lists: loads history
src/app/components/transaction-list/transaction-list.component.ts - Pension Lookup → Pension API Service: requests lookup
src/app/components/pension/pension.component.ts - Pension Lookup → Pension API Service: submits pension
src/app/components/pension/pension.component.ts - Login and Lists → Pension Management API: sends HTTP requests
src/app/services/login/login.service.ts - Login and Lists → Browser Local Storage: stores session
src/app/services/login/login.service.ts - Pension API Service → Pension Management API: calls pension endpoints
- Pension Lookup → Pension Data Model: uses response type
src/app/components/pension/pension.component.ts - App Module → Auth Interceptor: registers
src/app/app.module.ts