Spendify - Personal Finance Dashboard

A polished personal finance dashboard for tracking income, expenses, budgets, savings goals, and transaction activity through a clean analytics-focused interface.

Spendify - Personal Finance Dashboard preview
Frontend dashboard build
2026
1 week6 core tools

Project overview

Spendify is a frontend-first finance product built with the Next.js App Router. It brings together summary stat cards, yearly income-versus-expense charts, category breakdown visuals, budget tracking, savings goals, and transaction views inside a responsive dashboard shell.

Finance overview dashboard with income, expense, and savings stat cardsInteractive analytics using Recharts for category and monthly trend visualisationDedicated budgets, goals, and transactions views inside a reusable app shell
Tech Stack
Next.jsReactTypeScriptTailwind CSSRechartsLucide React
Delivery

Built in 1 week as a frontend dashboard build with a focus on stable structure, polished presentation, and room for future features.

About this build

Spendify is a frontend-first finance product built with the Next.js App Router. It brings together summary stat cards, yearly income-versus-expense charts, category breakdown visuals, budget tracking, savings goals, and transaction views inside a responsive dashboard shell.

Key highlights
  • Finance overview dashboard with income, expense, and savings stat cards
  • Interactive analytics using Recharts for category and monthly trend visualisation
  • Dedicated budgets, goals, and transactions views inside a reusable app shell

Need a public demo or repo button here? Add `liveUrl` and `repoUrl` in `data/projects.json`.