2025 · DESIGN & DEVELOPMENT
GetMoneyMap
A personal-finance visualization platform — interactive data mapping and budget tracking that makes money flows visible instead of abstract.
// WHAT IT IS
GetMoneyMap turns personal finances into something you can actually see: interactive visualizations of where money comes from and where it goes, paired with budget tracking. The core idea is that a picture of your cash flow beats a table of transactions.
It is live at getmoneymap.org.
// DESIGN & INTERACTION
Financial tools usually feel like spreadsheets wearing a coat of paint. The goal here was the opposite: visualization first, numbers second. Interactive mapping of income and spending makes the structure of a budget legible at a glance, with the details one interaction away.
// ENGINEERING
Next.js and TypeScript end to end, with Tailwind for the interface. Strong typing matters more than usual in a finance tool — the data model is typed all the way from input to visualization, which keeps the charts honest.
// HIGHLIGHTS
- Interactive money-flow visualization as the primary interface
- Budget tracking built around the visualization, not beside it
- Fully typed Next.js + TypeScript codebase
STATUS: LIVE
Want a walkthrough, or curious how something was built?
Get in touch →