A Recharts AreaChart component showing net worth over time. Includes custom tooltip with asset/liability breakdown. Swap to LineChart or BarChart as needed.
Three stat cards showing net worth, total assets, and total liabilities. Includes month-over-month change calculation. Extend with additional metrics.
Expandable list component for browsing historical snapshots. Click to reveal line-item breakdown. Edit and delete inline.
Responsive form that renders as a Dialog on desktop and a bottom Sheet on mobile. Add/edit snapshots with dynamic line items.
Next.js 16 App Router API routes for GET, POST, PUT, DELETE operations. File-based JSON storage — swap with your database.
Client-side data fetching with automatic revalidation using SWR. Optimistic updates on mutate. No useEffect fetching.
Predefined categories for assets (Liquid, Retirement, Brokerage, Real Estate, Vehicle, etc.) and liabilities (Mortgage, Auto Loan, Credit Card, etc.).
Sonner-powered toast notifications for success and error states. Pre-configured with rich colors and top-center positioning.