Based on the tutorial from WebDevSimplified.

• ToolsReactJS, Bootstrap, Local Storage
• Websitehttps://budgetapp-silk.vercel.app/
• StackReactJS

Budget App Top Page

Data for each budget is saved in local storage using a customer useLocalStorage hook. React-bootstrap is used for styling with progress bars, modals, buttons, and forms.

Budget App Modals and React Context

Modal windows serve forms for CRUD actions. React Context is used to organize the data and allow for updates to be reflected across the entire app.

Uncategorized Expenses Catch

Deleted budgets are automatically recategorized as "Uncategorized Expenses" when deleted, and can be reassigned thereafter.