Fintech app that makes spending feel real by translating purchases into Work Time, visualizing paycheck burn, and showing “what if you invested instead?” projections.

• Dashboard: animated paycheck pulse + spending breakdown + recent expenses.
• Insights: predictive signals + subscription “Danger Center” + net worth projections.
• Item search: Amazon-style item page with split comparison (buy vs invest) and Ghost Cart (“Ghost It” instead of buying).
• User settings: hourly wage, pay period, currency (CAD/USD), expected return, misery index (stress multiplier), and a theme toggle.

• Next.js App Router (React)
• Drizzle ORM + SQLite (better-sqlite3)
• Tailwind v4 + Recharts

npm install
npm run dev

Open http://localhost:3000.

• SQLite file: db.sqlite (ignored by git)
• Generate migration:

npm run db:generate

• Apply migrations:

npm run db:migrate

npm run dev
npm run build
npm run start
npm run lint
npm run db:generate
npm run db:migrate

• The app defaults to a demo user until you create an account on /user.
• Product images are local in public/products/ with a fallback public/placeholder.svg.

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.