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

expense tracker

  • 1 Devlogs
  • 5 Total hours

Expense Tracker is a full client-side personal finance app built with vanilla JavaScript, HTML, and CSS. It lets users log income and expenses, organize them under custom categories, and instantly see totals, category-wise breakdowns, and monthly spending trends on a live dashboard. Beyond basic tracking, it includes a budget tracker for setting spending limits per category, flexible filters (by type, month, year, or custom date range), multi-currency display (USD, INR, EUR, GBP), and a dark mode toggle. Since all data lives in the browser, the app also supports CSV export and full JSON backup/restore, so users never risk losing their data. Built for the Stardance Hackathon (Hack Club Γ— NASA), the project reflects a focus on core web development fundamentals β€” no frameworks, just JavaScript, HTML, and CSS β€” while still delivering a genuinely usable, full-featured tool. πŸ”— Live: ogomjot.github.io/expense-tracker πŸ’» Code: github.com/ogomjot

Ship #1 Changes requested

Expense Tracker is a full client-side personal finance app built with vanilla JavaScript, HTML, and CSS. It lets users log income and expenses, organize them under custom categories, and instantly see totals, category-wise breakdowns, and monthly spending trends on a live dashboard.

Beyond basic tracking, it includes a budget tracker for setting spending limits per category, flexible filters (by type, month, year, or custom date range), multi-currency display (USD, INR, EUR, GBP), and a dark mode toggle. Since all data lives in the browser, the app also supports CSV export and full JSON backup/restore, so users never risk losing their data.

Built for the Stardance Hackathon (Hack Club Γ— NASA), the project reflects a focus on core web development fundamentals β€” no frameworks, just JavaScript, HTML, and CSS β€” while still delivering a genuinely usable, full-featured tool.

πŸ”— Live: ogomjot.github.io/expense-tracker πŸ’» Code: github.com/ogomjot

  • 1 devlog
  • 5h
Try project β†’ See source code β†’
Open comments for this post

4h 53m 51s logged

πŸš€ Just wrapped up my first hackathon project β€” an Expense Tracker built for the Stardance Hackathon (Hack Club Γ— NASA)!
Built entirely with vanilla JavaScript, HTML, and CSS β€” no frameworks, just fundamentals.
πŸ€– How I used AI in the process: GitHub Copilot in VS Code helped me write code faster as I built out features. For debugging and strengthening the logic/connections between components, I used Claude and the OpenRouter CLI to catch issues, refactor, and understand why something broke β€” not just fix it blindly.
As an incoming CS student at GTBIT, this was a great way to apply what I’ve been learning and get comfortable shipping something real, with AI as a tool rather than a crutch.
πŸ”— Live: ogomjot.github.io/expense-tracker
πŸ’» Code: github.com/ogomjot
#buildinpublic #hackathon #webdev #javascript #computerscience

1
1
264

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…