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)