How mohammadwaseem6/creditwise works
CreditWise is a credit-card and debt-management application: users register or sign in, manage card records, and view debt, credit, payoff, payment, and rewards information. The React frontend calls a FastAPI backend, which exposes authentication, card, payment, and dashboard routes and uses PostgreSQL-backed models. Sampled code confirms the authentication and dashboard request flows and card-list/create requests; route implementations for cards, payments, and dashboard were not sampled, so their internal calls are not inferred.
Main entry points: main.py FastAPI application · App.tsx App and routes · auth.py Authentication routes · api.ts API client
Components 18
Web application
- App and routes
FRONTEND/src/App.tsx - Auth state
FRONTEND/src/context/AuthContext.tsx - Login and register
FRONTEND/src/pages/Login.tsx - Card management
FRONTEND/src/pages/Cards.tsx - Dashboard view
FRONTEND/src/pages/Dashboard.tsx - Card visualization
FRONTEND/src/components/CreditCardVisual.tsx - API client
FRONTEND/src/utils/api.ts
API services
- FastAPI application
BACKEND/main.py - Card routes
BACKEND/app/routes/cards.py - Payment routes
BACKEND/app/routes/payments.py - Dashboard routes
BACKEND/app/routes/dashboard.py - Request and response schemas
BACKEND/app/schemas.py
Identity
- Authentication routes
BACKEND/app/routes/auth.py - Password and tokens
BACKEND/app/auth.py
Persistence
- User and credit models
BACKEND/app/models.py - Database sessions
BACKEND/app/database.py
Other components
- CreditWise user
- PostgreSQL
Connections 21
- CreditWise user → App and routes: uses
- App and routes → Auth state: provides auth
- App and routes → Login and register: routes to
- App and routes → Card management: routes to
- App and routes → Dashboard view: routes to
- Card management → Card visualization: renders cards
- Login and register → Auth state: authenticates
- Auth state → API client: sends auth requests
- Card management → API client: requests card data
- Dashboard view → API client: requests dashboard
- API client → FastAPI application: HTTP requests
- FastAPI application → Authentication routes: dispatches auth
- FastAPI application → Card routes: dispatches cards
- FastAPI application → Payment routes: dispatches payments
- FastAPI application → Dashboard routes: dispatches dashboard
- Authentication routes → Password and tokens: hashes and issues tokens
- Password and tokens → User and credit models: queries users
- Authentication routes → User and credit models: creates and reads users
- Authentication routes → Request and response schemas: validates and formats
- Database sessions → PostgreSQL: opens sessions
- FastAPI application → Database sessions: creates tables