Wroteoverview/Category Split
Wroteentries/Entry Form
Wroteentries/Entry List
Wrotelimits/Limit Card
Wrotelimits/Limit Form
WroteOverview Page
WroteEntries Page
WroteLimits Page
Now let me wire App.jsx with the routes and seed a little sample data:
Created
Created 6 recordsLimit
EditedApp
Your money app “Longwing” is ready with the teal-to-emerald gradient theme from your reference — it ships an overview with a balance summary and spending charts, an entries page to add, edit and remove income and outgoings, and a limits page for setting a monthly cap per category. Sample data is already loaded so you can click straight through it.
9 days ago
Suggestions
What would you like to change?
Overview
Where your money went this month
Total balance
$4,281.36
Income
$5,914.20
$5,914.20
Outgoings
$612.85
$612.85
Last 30 days
8006004002000
Apr 02Apr 05Apr 08Apr 11Apr 14Apr 17
Spending by category
Groceries$214.70 (38%)
Transit$76.40 (14%)
Home$58.15 (11%)
App colours
Swap any colour here and it updates everywhere it is used across your app.
Chart 4#E3C46B
Chart 5#EE9F63
Rail background#FAFAFA
Rail foreground#3E4148
Rail primary#191B1F
Rail primary text#FAFAFA
Rail accent#F3F4F6
Rail accent text#191B1F
Rail border#E4E6EA
Rail focus ring#66757F
Card surface#FFFFFF
Flint
Ash
Ember