DEV Community

Minoosh
Minoosh

Posted on

My Latest Frontend Project: A Budget Tracker App!

Hey everyone! 👋

I wanted to share a quick update on my frontend development journey. I’ve been learning JavaScript, HTML, and CSS for a while now, and recently I completed a small but meaningful project — a Budget Tracker App

Why I Built It

I wanted to challenge myself with something more practical — a project that deals with data, categories, and monthly summaries, without making things overly complicated. It also gave me a great opportunity to dive deeper into:

  • Functional programming _ keeping the code clean
  • keeping the logic and the UI separate
  • DOM manipulation
  • Problem-solving with real-world logic

What the App Does

The Budget Tracker App allows users to:

  • Add monthly expenses (with category and amount)
  • Edit or delete any expense
  • View a summary of expenses per category
  • See the total expense for the current month

What I Learned

This project helped me:

  • Understand the value of structuring code
  • Practice updating the UI based on data changes
  • Break down complex problems into smaller, manageable tasks
  • Improve my debugging and testing workflow

You will find the project here in my GitHub:
https://github.com/MinooshVejdani/budget-tracker

🌱 What’s Next?

I’m just getting started with React, and I’m excited to rebuild this app using React components. This will help me see the contrast between vanilla JS and modern frameworks — and sharpen my skills even more.
Thanks for reading! I’m loving the learning journey so far. If you’ve worked on similar projects or have feedback, I’d love to connect!

Happy coding! 👩‍💻✨

Top comments (0)