How rifathowladar/royal-bank works
Royal Bank is a demo digital-banking application with public banking information, customer self-service, and staff administration. The customer journey covers account access and verification, then banking tasks such as account management, transfers, bills, cards, QR payments, and support. Staff have separate operational and oversight areas for approvals, KYC, AML, fraud, audit, reporting, and access control. The backend services use simulated browser storage rather than a demonstrated remote banking API. Source excerpts confirm routing, authentication, selected service-to-storage interactions, and the mock database; other service wiring is not shown.
Main entry points: AppRoutes.tsx Application routes · storage.ts Mock database · auth Authentication pages · authService.ts Authentication service
Components 21
Application experience
- Application routes
src/routes/AppRoutes.tsx - Public banking
src/pages/public - Authentication pages
src/pages/auth
Customer banking
- Customer workspace
src/pages/customer - Account management
src/pages/customer - Money transfers
src/pages/customer/TransfersPage.tsx - Bills and recharge
src/pages/customer/bills - Customer cards
src/pages/customer/cards - QR payments
src/pages/customer/qr - Customer services
src/pages/customer
Bank administration
- Admin workspace
src/pages/admin - AML oversight
src/pages/admin/aml - Fraud oversight
src/pages/admin/fraud - Operational admin
src/pages/admin - Regulatory reports
src/pages/admin/reports - Roles and permissions
src/pages/admin/rbac
Mock backend
- Authentication service
src/backend/services/authService.ts - Report service
src/backend/services/adminReportService.ts - Admin QR service
src/backend/services/adminQrService.ts - Mock database
src/backend/mockApi/storage.ts
Other components
- Visitor or user
Connections 20
- Visitor or user → Application routes: opens app
- Application routes → Public banking: routes to
- Application routes → Authentication pages: routes to
- Application routes → Customer workspace: routes to
- Application routes → Account management: routes to
- Application routes → Money transfers: routes to
- Application routes → Bills and recharge: routes to
- Application routes → Customer cards: routes to
- Application routes → QR payments: routes to
- Application routes → Customer services: routes to
- Application routes → Admin workspace: routes to
- Application routes → AML oversight: routes to
- Application routes → Fraud oversight: routes to
- Application routes → Operational admin: routes to
- Application routes → Regulatory reports: routes to
- Application routes → Roles and permissions: routes to
- Authentication pages → Authentication service: verifies 2FA
- Authentication service → Mock database: reads and writes
- Report service → Mock database: reads report data
- Admin QR service → Mock database: reads and writes