Problem
Expense tracking was fragmented across bank data and manual review.
The application centralizes transactions and monthly review so the user can understand spending without maintaining a separate manual system for each account.
SpendTrack
Personal Finance Management App — a private system for bank-synced transactions, monthly spending visibility, category budgets, recurring services and alerts.
Interface reconstruction from implemented UI · synthetic sample data
Dashboard
October 2026 — $2,460 spent
‹›
Spending Breakdown
Housing35%
Groceries23%
Transport20%
Other22%
Groceries64%
$320of $500
Transport48%
$192of $400
Dining72%
$216of $300
Shopping38%
$152of $400
Recent Transactions
Grocery storeGroceries$84.20
FuelTransport$52.00
RestaurantDining$46.80
Source fidelity note: the implemented desktop UI uses a 240px sidebar; below 1024px it hides the sidebar and uses a bottom navigation. The reconstruction above focuses on the desktop dashboard composition.
Product decision
Keep budgets inside categories instead of creating a separate budgeting product.
Category cards combine amount spent, optional budget limit, percentage and progress in one place. The dashboard remains a review surface rather than expanding into unrelated goal or reporting modules.
Private by design
Bank connectivity plus a private review layer.
Plaid connects supported accounts so transactions can enter the workflow automatically. Portfolio visuals use synthetic data rather than exposing real balances, merchants or household financial activity.
Implemented system
Built around the monthly review loop.
The dashboard implementation queries the selected month, calculates category totals, surfaces triggered alerts, shows a spending-breakdown donut, renders category cards and lists the five most recent transactions. Month navigation is handled by previous/next controls; the month and total spent are already shown in the page subtitle.
NavigationDashboard · Transactions · Categories · Services · Alerts · Settings
StackNext.js 15 · React 19 · TypeScript · Tailwind 4 · Supabase · Prisma · Plaid
DashboardSpending Breakdown · category progress · Recent Transactions · alerts
Responsive behaviorDesktop sidebar · mobile bottom navigation · single-column dashboard below 1024px