You are browsing as a guest. Sign up (or log in) to start making projects!

Budget Tracker

  • 1 Devlogs
  • 3 Total hours

t's a single-file HTML/CSS/JavaScript budget tracker where you add income and expense transactions with a category, and it instantly updates your total income, expenses, and balance. It also draws a pie chart breaking down your spending by category, and everything is saved automatically in your browser so your data persists between sessions. No installation, backend, or dependencies required — just open the file in any browser.

Ship #1 Changes requested

I What I made: A budget tracker app. You type in things you spend or earn money on, and it keeps a running total so you always know your balance. It also shows a pie chart of where your money is going, broken down by category like food, rent, or entertainment.

Why I made it: I’m learning to code, and I wanted a first project that was actually useful — something I could use myself to track my own spending, not just a throwaway exercise.

What users need to know: Just open the file in any web browser — no installing anything, no account, no internet connection needed. Everything you type in is saved automatically, so if you close the browser and come back later, your data is still there. It only saves data on the device and browser you used, though, so it won’t show up if you open it on a different computer or in a different browser.

  • 1 devlog
  • 3h
Try project → See source code →
Open comments for this post

2h 51m 6s logged

I build this project to help me better oversee my finances as a college student. Currently I’m finished with it after almost 3 hours of work

0
0
5

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…