DEV Community

Cover image for Monthly Expense Calculator — Looking for Feedback!
Álvaro Aparicio
Álvaro Aparicio

Posted on

Monthly Expense Calculator — Looking for Feedback!

Hi everyone 👋

I’ve recently built and deployed a small project called Monthly Expense Calculator.
The idea is simple but useful:

  • Add your monthly expenses with name, amount, and category.
  • See them displayed in a clean list.
  • Get the total expense automatically calculated.
  • Visualize the distribution by category with a responsive chart.

Bonus: it supports light/dark mode and stores data in localStorage so it persists on refresh.

The stack I used is React + TailwindCSS + Chart.js, deployed on Vercel.
My main goals with this project were:

  • Practicing clean and modular component design.
  • Applying accessibility and responsive design best practices.
  • Experimenting with visual feedback (charts, animations, hover states).

👉 Here’s the live demo: [https://monthly-expense-calculator-bice.vercel.app/]

I’d really appreciate your feedback on:

  • Usability (is it intuitive to use?).
  • UI/UX design (does it look clean and modern?).
  • Errors or bugs that you find.

Any insights will help me grow as a developer, and I’d love to hear your thoughts 🙏

Thanks a lot for your time! 🚀

Top comments (0)