How jricardoss/money-web works
This is a React expense-tracking frontend. Users view and filter expenses, see a total, add or edit an expense, and delete one; the list and form call an HTTP API. The router selects the home or expense form page, while shared navigation and sidebar components provide search and navigation. The README describes only Create React App setup, so product capabilities here are inferred from the sampled source. The graph omits unsampled backend behavior.
Main entry points: home.jsx Expense list · cadDespesa.jsx Expense form · navBar.jsx Search and total bar · index.js Route setup
Components 9
App routing
- Route setup
src/index.js
Expense workflows
- Expense list
src/pages/home/home.jsx - Expense form
src/pages/cadDespresa/cadDespesa.jsx
Shared UI and API
- Search and total bar
src/components/navBar/navBar.jsx - Navigation sidebar
src/components/sideBar/sideBar.jsx - HTTP API client
src/services/api.js - Icon assets
src/styles/icons.js
Other components
- User browser
- Expense API service
Connections 14
- User browser → Route setup: opens app
- Route setup → Expense list: routes /
src/index.js - Route setup → Expense form: routes expenses
src/index.js - Expense list → HTTP API client: lists and deletes
src/pages/home/home.jsx - Expense form → HTTP API client: loads and saves
src/pages/cadDespresa/cadDespesa.jsx - HTTP API client → Expense API service: sends requests
src/services/api.js - Expense list → Search and total bar: renders with search
src/pages/home/home.jsx - Search and total bar → Expense list: calls search callback
src/components/navBar/navBar.jsx - Expense list → Navigation sidebar: renders
src/pages/home/home.jsx - Expense form → Search and total bar: renders
src/pages/cadDespresa/cadDespesa.jsx - Expense form → Navigation sidebar: renders
src/pages/cadDespresa/cadDespesa.jsx - Expense list → Icon assets: uses icons
src/pages/home/home.jsx - Search and total bar → Icon assets: uses logo
src/components/navBar/navBar.jsx - Navigation sidebar → Icon assets: uses navigation icons
src/components/sideBar/sideBar.jsx