How zisanurrahmanbd-netizen/solutionapp works
This is a browser-based bank-file tracking and debt-recovery operations app, implemented here as a React frontend backed by Supabase. Users sign in, navigate role-scoped operational views, find a case, and inspect or update its recovery activity; administrators also upload files and manage users. The graph includes the documented reporting, mapping, messaging, and import areas. Source excerpts are partial, so links for unsampled screens and integrations are omitted rather than inferred.
Main entry points: App.tsx App router · dataService.ts Recovery data service · main.tsx React bootstrap · AuthContext.tsx Authentication
Components 27
App entry and navigation
- React bootstrap
src/main.tsx - App router
src/App.tsx - Application layout
src/components/Layout.tsx - Language context
src/context/LanguageContext.tsx
Identity and access
- Sign-in
src/pages/Login.tsx - Authentication
src/context/AuthContext.tsx - Role permissions
src/context/PermissionsContext.tsx - Device sessions
src/services/sessionService.ts
Cases and field operations
- Case list
src/pages/CasesList.tsx - Case detail
src/pages/CaseDetail.tsx - Agent tracking map
src/pages/TrackingMap.tsx - Excel import
src/pages/ExcelUpload.tsx - Bulk messaging
src/components/BulkMessageModal.tsx - Case status badge
src/components/StatusBadge.tsx
Reports and administration
- Operations dashboard
src/pages/Dashboard.tsx - Analytics dashboard
src/pages/PowerBIDashboard.tsx - Agent performance
src/pages/AgentPerformance.tsx - Expiry tracker
src/pages/ExpiryTracker.tsx - Flagged cases
src/pages/FlaggedCases.tsx - Bank contacts
src/pages/BankContacts.tsx - Team management
src/pages/TeamManagement.tsx
Data and integrations
- Message dispatch
src/services/messaging.ts - Attachment builder
src/services/attachmentService.ts - Recovery data service
src/services/dataService.ts - Supabase client
src/lib/supabase.ts - Offline queue
src/services/offlineQueue.ts
Other components
- User
Connections 40
- User → React bootstrap: opens app
- React bootstrap → App router: renders
src/main.tsx - React bootstrap → Authentication: provides context
src/main.tsx - React bootstrap → Role permissions: provides context
src/main.tsx - React bootstrap → Language context: provides context
src/main.tsx - App router → Authentication: checks identity
src/App.tsx - App router → Sign-in: shows signed-out view
src/App.tsx - App router → Application layout: wraps pages
src/App.tsx - App router → Operations dashboard: routes to
src/App.tsx - App router → Case list: routes to
src/App.tsx - App router → Case detail: opens selected case
src/App.tsx - App router → Agent tracking map: routes to
src/App.tsx - App router → Bank contacts: routes to
src/App.tsx - App router → Agent performance: routes to
src/App.tsx - App router → Team management: routes to
src/App.tsx - App router → Excel import: routes to
src/App.tsx - App router → Analytics dashboard: routes to
src/App.tsx - App router → Role permissions: checks access
src/context/PermissionsContext.tsx - Authentication → Supabase client: authenticates with
src/context/AuthContext.tsx - Authentication → Device sessions: records sessions
src/context/AuthContext.tsx - Authentication → Offline queue: queues offline changes
src/context/AuthContext.tsx - Case list → Recovery data service: reads and updates
src/pages/CasesList.tsx - Case detail → Recovery data service: loads case activity
src/pages/CaseDetail.tsx - Case list → Case status badge: renders status
src/pages/CasesList.tsx - Case detail → Case status badge: renders status
src/pages/CaseDetail.tsx - Bank contacts → Recovery data service: reads contacts
src/pages/BankContacts.tsx - Bank contacts → Bulk messaging: opens bulk message
src/pages/BankContacts.tsx - Bulk messaging → Message dispatch: dispatches messages
src/components/BulkMessageModal.tsx - Bulk messaging → Attachment builder: builds attachment
src/components/BulkMessageModal.tsx - Agent performance → Recovery data service: loads report data
src/pages/AgentPerformance.tsx - Expiry tracker → Recovery data service: loads expiry data
src/pages/ExpiryTracker.tsx - Analytics dashboard → Recovery data service: loads analytics data
src/pages/PowerBIDashboard.tsx - Team management → Recovery data service: manages team data
src/pages/TeamManagement.tsx - Recovery data service → Supabase client: persists data
src/services/dataService.ts - Recovery data service → Offline queue: queues offline work
src/services/dataService.ts - Recovery data service → User: stores recovery records
- Operations dashboard → Recovery data service: loads dashboard data
- Agent tracking map → Recovery data service: loads agent locations
- Excel import → Recovery data service: imports case records
- Flagged cases → Recovery data service: loads flagged records