How krushnamajhi/mindyourmoney-front works
MindYourMoney is a React expense-sharing frontend. Users authenticate, enter the protected app, and can review expenses, create or edit shared expenses with member splits, and record settlements; the app also exposes groups, categories, dashboard, and settings. The graph follows route wiring and the sampled hook-to-service-to-API calls. Other feature areas are represented from the source tree, but their internal wiring is not inferred because their source was not sampled.
Main entry points: App.tsx Router and providers · axiosClient.ts HTTP client · AuthService.ts Authentication API · ExpenseEntryPage.tsx Expense entry and edit
Components 22
App entry
- Router and providers
src/App.tsx
Identity
- Protected routes
src/components/Auth/ProtectedRoute.tsx - Login and signup
src/pages/LoginPage.tsx - Auth state
src/context/AuthContext.tsx - Authentication API
src/services/AuthService.ts
Expense management
- Expense pages
src/pages/ExpensesPage.tsx - Expense entry and edit
src/pages/ExpenseEntryPage.tsx - Expense details
src/pages/ExpenseViewPage.tsx - Settlement
src/pages/ExpenseSettledPage.tsx - Split strategies
src/domain/split/SplitStrategy.ts
Sharing and insights
- Dashboard
src/pages/Dashboard.tsx - Group management
src/pages/GroupsPage.tsx - Group details and settings
src/pages/GroupDetailsPage.tsx - Expense categories
src/pages/ExpenseCategoriesPage.tsx - User settings
src/pages/SettingsPage.tsx
Data access
- Expense queries
src/hooks/useExpenses.ts - Expense service
src/services/ExpenseService.ts - Group queries
src/hooks/useGroups.ts - Group service
src/services/GroupService.ts - HTTP client
src/api/axiosClient.ts
Other components
- User
- Backend API
Connections 20
- User → Router and providers: opens
- Router and providers → Protected routes: guards routes
- Router and providers → Login and signup: routes to
- Router and providers → Dashboard: routes to
- Router and providers → Expense pages: routes to
- Router and providers → Expense entry and edit: routes to
- Router and providers → Expense details: routes to
- Router and providers → Settlement: routes to
- Router and providers → Group management: routes to
- Router and providers → Group details and settings: routes to
- Router and providers → Expense categories: routes to
- Router and providers → User settings: routes to
- Auth state → Authentication API: uses
- Authentication API → HTTP client: sends requests
- Expense queries → Expense service: calls
- Expense service → HTTP client: sends requests
- Group queries → Group service: calls
- Group service → HTTP client: sends requests
- HTTP client → Backend API: sends HTTP
- Expense entry and edit → Split strategies: split behavior