How erankit011/billpay_frontend works
UdharPay is a React frontend for merchant billing and business management, with a separate platform-admin workspace. Users enter through the app shell and role-protected routes; merchant and admin pages provide the product workflows, while shared HTTP and authentication layers support them. The tree also shows search and PWA features. Source excerpts confirm several key connections, but many page implementations were not sampled, so the graph omits unverified page-to-API flows.
Main entry points: App.jsx App composition · AppRoutes.jsx Role-based routes · pages Merchant pages · CreateBillModal.jsx Bill creation
Components 16
Application shell
- App composition
src/App.jsx - Role-based routes
src/routes/AppRoutes.jsx - Session state
src/redux/slices/authSlice.js
Merchant workspace
- Merchant pages
src/pages - Bill creation
src/components/bills/CreateBillModal.jsx - Invoice PDF
src/utils/generateInvoicePDF.js
Platform administration
- Admin pages
src/pages/admin - Admin API client
src/features/admin/api/adminApi.js - Admin controls
src/features/admin/components
Shared services
- HTTP client
src/api/axios.js - Date and currency helpers
src/utils - Translations
src/i18n.js
Cross-cutting features
- Quick search
src/features/search/components/QuickSearchModal.jsx - PWA update support
src/features/pwa/context/PWAContext.jsx
Other components
- User
- UdharPay API
Connections 16
- User → App composition: opens
- App composition → Role-based routes: renders
src/App.jsx - App composition → Session state: hydrates
src/App.jsx - Role-based routes → Merchant pages: routes to
src/routes/AppRoutes.jsx - Role-based routes → Admin pages: routes to
src/routes/AppRoutes.jsx - Merchant pages → Bill creation: uses
- Bill creation → HTTP client: requests
src/components/bills/CreateBillModal.jsx - Bill creation → Invoice PDF: generates
src/components/bills/CreateBillModal.jsx - Admin pages → Admin API client: requests through
src/pages/admin/AdminDashboard.jsx - Admin pages → Admin controls: renders
src/pages/admin/AdminDashboard.jsx - Admin API client → HTTP client: uses
src/features/admin/api/adminApi.js - HTTP client → UdharPay API: sends requests
- Merchant pages → Date and currency helpers: uses
src/pages/Settings.jsx - App composition → PWA update support: provides context
src/App.jsx - App composition → Quick search: mounts via layout
- App composition → Translations: loads
src/main.jsx