feat: QuickBooks Accounting SPA — Dashboard, Invoices, Expenses, Bank Reconciliation & Audit Log

[ernestofosu05]

QuickBooks Accounting SPA

Closes #2

What's Included

A fully-functional QuickBooks-inspired accounting SPA with 4 interconnected views plus a persistent audit sidebar, built for RL agents to practice bookkeeping workflows.

Views

View	Description
Financial Dashboard	Cash flow chart (6-month), P&L breakdown, outstanding invoices summary, overdue alerts, KPI cards (total revenue, expenses, net profit, outstanding balance)
Invoice Management	Filterable table (status, search), detail view with line items, mark-as-paid, send reminder, edit line items — all persisted via dojo.setState
Expense Tracking	Categorized expense list with filters, add/edit modal, receipt metadata, payment method tracking, category totals reflected in dashboard
Bank Reconciliation	3-step stepper: review transactions → match against invoices/expenses → summary of resolved vs unresolved differences
Audit Sidebar	Persistent sliding panel logging every mutation (invoice updates, payments, expense changes, reconciliations) for RL verification

Seed Data

• 10 invoices across all statuses (paid, unpaid, overdue, partial, draft)
• 12 expenses across 8 categories with receipt metadata
• 15 bank transactions (deposits, withdrawals, transfers, fees)
• 6 customers with balances
• 6-month cash flow history
• P&L breakdown by category

Tech

• Scaffolded under quickbooks/app/ per repo structure
• Vite + React 19 + TypeScript (strict mode)
• @chakra-dev/dojo-hooks for ALL shared state — no bespoke stores
• Tailwind CSS v4 via @tailwindcss/vite
• vite-plugin-singlefile → single dist/index.html (298 KB, 84 KB gzipped)
• lucide-react for icons
• No auth flows — boots straight into business context
• Responsive layouts at 1280px and 1440px
• QuickBooks green theme (#2CA01C accents, clean white layout)
• Fully offline with seed data

Build

pnpm install && pnpm run build
# tsc: 0 errors
# vite: dist/index.html 298 KB (84 KB gz)