How rhesal/finpraja works
FinPraja is a Vue personal-finance app for recording income and expenses, reviewing balances and budgets, exploring reports, and managing financial data. Its main workflow is user entry (including receipt OCR) → transaction storage → dashboard, transaction-list, and report views; settings support budget management and backup/restore. The README is only a starter-template description, and some views and settings code were not sampled, so uncertain data wiring is omitted.
Main entry points: index.js View router · App.vue App shell · AddTransactionModal.vue Transaction entry · db.js Finance database
Components 15
App shell
- App bootstrap
src/main.js - App shell
src/App.vue - Navigation
src/components/BottomNav.vue - View router
src/router/index.js
Finance workflows
- Transaction list
src/views/TransactionsView.vue - Settings & backup
src/views/SettingsView.vue - Transaction entry
src/components/AddTransactionModal.vue - Receipt OCR
src/components/AddTransactionModal.vue
Local data
- Reactive queries
src/composables/useLiveQuery.js - Finance database
src/db.js
Other components
- User
- Chart.js
- Tesseract.js
Connections 22
- User → App shell: opens app
- App bootstrap → App shell: mounts
- App bootstrap → View router: installs
- App shell → Finance database: initializes
- App shell → View router: renders views
- User → Navigation: selects view
- Navigation → View router: navigates
- Navigation → App shell: opens entry
- View router → Dashboard: dispatches
- View router → Transaction list: dispatches
- View router → Reports: dispatches
- View router → Settings & backup: dispatches
- App shell → Transaction entry: shows
- User → Transaction entry: enters transaction
- Transaction entry → Finance database: writes transaction
- Transaction entry → Receipt OCR: processes receipt
- Receipt OCR → Tesseract.js: recognizes text
- Dashboard → Reactive queries: subscribes to data
- Reactive queries → Finance database: queries
- Reports → Reactive queries: uses reactive queries
- Reports → Chart.js: renders charts
- Settings & backup → Finance database: manages budgets and data