gsvidal/budget-planner-2.0

An advance version of the budget tracker with...

Budget Planner

Check out the deployed app!

A React JS project powered with Vite where we can plan our expenses starting with a budget and we have a circular progressbar which will point us when our planned expenses are more than our budget.

Main features:

• Edit and Delete any expenses by swiping them (to the right for editing and to the left for deleting them).
• Filter all the expenses by category (saving, groceries, home, leisure, etc.).
• Reset the app(delete all the info you input) and Edit the budget

Tech Stack:

Tech Features:

• Responsive design.

• LocalStorage feature for budget and expenses list.

• 3rd party react components (npm): react-swipeable-list & react-circular-progressbar.

• Deployed with gh-pages.

Instalation and setup:

• Git clone the project: [email protected]:gsvidal/budget-planner-2.0.git

• Run npm install or yarn add to download and install all the dependencies.

• Run npm run dev to initialize the dev server