How yoz-sirait98/final-finance-family works
FamFin is a family finance and household-operations PWA. A household member enters through the Vue app and navigates to finance, scheduling, or kitchen workflows; those modules cover money tracking and planning, family tasks and calendars, and meal planning and pantry management. The tree and README establish these product capabilities, while sampled scheduler code confirms local-first task storage and synchronization. Several finance and meal service connections are not shown in the excerpts, so their internal wiring is left unspecified.
Main entry points: index.js Page router · schedulerSyncService.js Scheduler sync · googleCalendarService.js Google Calendar sync · main.js Vue application
Components 25
App Shell
- Vue application
frontend/src/main.js - Page router
frontend/src/router/index.js
Family Finance
- Family dashboard
frontend/src/pages/DashboardPage.vue - Transactions and OCR
frontend/src/pages/TransactionsPage.vue - Accounts
frontend/src/pages/AccountsPage.vue - Budgets
frontend/src/pages/BudgetsPage.vue - Goals and pockets
frontend/src/pages/GoalsPage.vue - Recurring payments
frontend/src/pages/RecurringPage.vue - Reports
frontend/src/pages/ReportsPage.vue - Financial advisor
frontend/src/pages/AiPage.vue
Family Scheduler
- Calendar and chores
frontend/src/pages/SchedulerPage.vue - Task repository
frontend/src/db/taskRepository.js - Local scheduler database
frontend/src/db/schedulerDatabase.js - Scheduler sync
frontend/src/services/scheduler/schedulerSyncService.js - Google Calendar sync
frontend/src/services/scheduler/googleCalendarService.js
Meals and Pantry
- Meal planner
frontend/src/pages/MealsPage.vue - Meal plans
frontend/src/services/mealPlanService.js - Pantry inventory
frontend/src/services/pantryService.js - Recipe box and Chef AI
frontend/src/services/recipeService.js - Shopping plan
frontend/src/pages/ShoppingPage.vue
Shared Services
- Authentication
frontend/src/services/authService.js
Other components
- Household member
- Supabase
- Google Gemini
- Google Calendar API
Connections 20
- Household member → Vue application: uses
- Vue application → Page router: mounts
- Page router → Family dashboard: dispatches
- Page router → Transactions and OCR: dispatches
- Page router → Accounts: dispatches
- Page router → Budgets: dispatches
- Page router → Goals and pockets: dispatches
- Page router → Recurring payments: dispatches
- Page router → Reports: dispatches
- Page router → Financial advisor: dispatches
- Page router → Calendar and chores: dispatches
- Page router → Meal planner: dispatches
- Page router → Shopping plan: dispatches
- Task repository → Local scheduler database: reads and writes
- Scheduler sync → Local scheduler database: syncs local data
- Scheduler sync → Supabase: pushes and pulls
- Google Calendar sync → Task repository: creates and updates
- Google Calendar sync → Google Calendar API: syncs events
- Authentication → Supabase: authenticates
- Recipe box and Chef AI → Google Gemini: generates recipes