vibe coding pt 2

okay so im gonna do the vibe coding again but with some parameters this time

  1. its going to be the personal finance app (i need it)
  2. use sveltekit + supabase
  3. ideally components are in shadcn
  4. it should be easy to use on mobile
  5. use tailwind for styling

here are the refined requirements that ill build on tomorrow. i ended up going out tonight (and i dont regret it). went to the big asig house like 15 minutes away, it was its own story. played 2 v 2 basketball immediately upon entry.

anyway, here are the refined specs that ill use to finish vibe coding

Personal Finance App Project Specification

Overview: The project is a personal finance web application designed with SvelteKit and Supabase for database management. Front-end components should utilize Shadcn/UI and Tailwind CSS for clean, mobile-responsive design. Dummy data will simulate backend interactions for front-end development.

Key Features:

Dashboard:

  • Display net worth (including/excluding loans)
  • Summarize key financial metrics: total available credit, total debt (credit card, loans, total), total cash, recurring expenses

Accounts Management:

  • Separate sections/pages for:
    • Credit Cards
      • Card Name
      • Balance
      • Credit Limit
      • Available Credit
      • Next Due Date
    • Debit/Checking Accounts
    • Personal Loans (car loans, affirm, etc.)
      • APR
      • Payment History
    • Loans Out

Transactions:

  • Detailed transactions for each account (date, amount, merchant, category, associated account)
  • Linking capability between credit card payments and checking account transactions
  • Quick add transaction toggle accessible on dashboard and individual account pages

Transaction Categories:

  • Predefined categories: Groceries, Self Development, Dining Out, Miscellaneous, Housing, Transportation, Utilities, Health, Personal Care, Entertainment, Gifts, Clothing, Education, Travel, Payments, Sports Betting
  • Allow customization/refinement of categories

Sports Betting Section:

  • Dedicated page for sports betting profit/loss
  • Support predefined platforms (Fanduel, Sleeper, Fliff, etc.)
  • Allow dynamic addition of new betting platforms
  • Separate sports betting transactions from overall financial view, especially credit card balances excluding betting-related transactions

Database (Supabase):

  • Design SQL schema to handle accounts, transactions, categories, loans, credit limits, sports betting platforms, and transaction linkages clearly and efficiently

Technical Specifications:

  • Framework: SvelteKit
  • UI Components: Shadcn/UI
  • Styling: Tailwind CSS
  • Database: Supabase
  • Mobile-responsive design
  • Dummy data and mock backend responses for front-end development (initially)

23 - 03/22/2025