Budgeting101 is a responsive, multi-user budgeting web application built with React that empowers users to track expenses, manage custom budgets, and gain visual insights into their financial habits. This project was inspired by a tutorial from Net Ninja on YouTube, which provided the foundation for the original structure. I updated outdated code, modernized the tech stack, and added new features such as multi-user support with personalized data stored in localStorage, a dark mode toggle that persists user preferences across sessions, and a dynamic dashboard that visualizes spending trends through interactive pie, bar, and line charts using Recharts.
Users can easily create and assign expenses to custom budgets while receiving real-time alerts when 80% or more of a budget has been used. Built with React, JavaScript, React Router, and CSS, Budgeting101 delivers a sleek and accessible experience optimized for both desktop and mobile devices.
🎥 Check out the original tutorial by Net Ninja on YouTube to learn the basics behind this project’s foundation!