How idontcoreqq-tech/salary works
This is a browser-based personal salary and expense tracker. Users add income or expense entries, review and filter transaction history, and view a financial overview; the service layer persists entries in localStorage and computes balances and summary data. The sampled dashboard and history code show their data paths. Analytics and chart components are present in the tree, but their wiring was not sampled, so those links are not inferred.
Main entry points: Dashboard.jsx Dashboard · History.jsx Transaction history · App.jsx App routes · summaryService.js Summary service
Components 18
Application navigation
- App routes
src/App.jsx - Shared layout
src/components/Layout/Layout.jsx
Transaction workflows
- Transaction history
src/pages/History/History.jsx - Transaction list
src/components/TransactionList/TransactionList.jsx - Transaction form
src/components/TransactionForm/TransactionForm.jsx - Modal
src/components/Modal/Modal.jsx - Empty state
src/components/EmptyState/EmptyState.jsx
Financial views
- Dashboard
src/pages/Dashboard/Dashboard.jsx - Analytics
src/pages/Analytics/Analytics.jsx - Balance cards
src/components/BalanceCard/BalanceCard.jsx - Bar chart
src/components/BarChart/BarChart.jsx - Pie chart
src/components/PieChart/PieChart.jsx
Persistence and summaries
- Summary service
src/services/summaryService.js - Income service
src/services/incomeService.js - Expense service
src/services/expenseService.js - Storage helpers
src/services/storage.js
Other components
- User
- Browser localStorage
Connections 26
- User → App routes: opens
- App routes → Shared layout: renders
- App routes → Dashboard: routes to
- App routes → Transaction history: routes to
- App routes → Analytics: routes to
- Dashboard → Summary service: requests totals
- Dashboard → Summary service: requests recent entries
- Dashboard → Balance cards: renders
- Dashboard → Transaction list: renders
- Dashboard → Modal: renders
- Dashboard → Transaction form: renders
- Dashboard → Income service: adds income
- Dashboard → Expense service: adds expense
- Transaction history → Summary service: loads entries
- Transaction history → Transaction list: renders
- Transaction history → Modal: renders
- Transaction history → Transaction form: renders
- Transaction history → Income service: writes income
- Transaction history → Expense service: writes expense
- Transaction list → Empty state: renders when empty
- Transaction form → Transaction history: submits entry
- Summary service → Income service: reads income
- Summary service → Expense service: reads expenses
- Income service → Storage helpers: reads and writes
- Expense service → Storage helpers: reads and writes
- Storage helpers → Browser localStorage: reads and writes