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)