Budget Tracker

About the Project

Budget Tracker is a React application that creates budgets and helps you track your expenses. It uses JavaScript and object-oriented programming. It also uses some libraries, such as Toastify containers, to have interactive popup bars when creating or deleting budgets or expenses.

Budget Tracker is a project for which I started to accomplish three things: improve my knowledge of React.js and work on my understanding of JavaScript and object-oriented programming.

Because this project focused on front-end design, I took advantage of web storage. This allowed me to use and assign key-value pairs directly in the browser to avoid creating a backend database. The problem is that localStorage stores everything as strings. However, many web applications must store more complex data structures like objects or arrays. JSON can be used to store more complex data structures (objects, arrays) by serializing them with JSON.stringify() and deserializing them with JSON.parse()

Skills Used
Video demonstration
Project Images

Get in Touch!