Back to works
PlateIV

Expense Tracker

A browser-based income and expense tracker in plain JavaScript.

Stack

HTMLCSSJavaScriptDOM APIlocalStorage

Overview

A browser-based income and expense tracker in plain JavaScript. You add, edit, and delete records and watch your totals and balance update in real time.

What it does

  • IAdd, edit, and delete records with description, amount, date, type, and category
  • IIReal-time totals for income, expenses, and balance
  • IIIRecords persist between sessions, amounts formatted in Turkish Lira
  • IVA layout that adapts to smaller screens

Technical notes

  • II split the logic into separate JavaScript files by responsibility, keeping the code organized as it grew.
  • IIBalance recalculates live as records change; data persists with localStorage.

What I learned

It pushed me to think about code organization and user experience, not just getting the feature to work.