Logo
Budget Tracker
Full-Stack

Budget Tracker

A personal finance tracker with multi-currency support, custom income/expense categories, visual charts, and CSV data export.

Next.jsTypeScriptTailwindCSSShadcn UIClerkRechartsZoddate-fnsexport-to-csv

A personal budget management app built with Next.js. Upon registration, users select their preferred currency. From there they can create custom categories for income and expenses, log transactions, and get a clear financial overview at a glance.

Features

  • Total income, total expenses, and current balance calculated automatically
  • Percentage breakdown of each category for both income and expenses
  • Interactive Recharts visualizations — view income vs expenses monthly or daily
  • Transaction history page with advanced filtering and sorting options
  • Export all transaction data to a CSV file
  • Settings page to delete categories or change the active currency
YS

Yousef Saeed

Full-Stack Developer · Cairo, Egypt