Image description

ProGrad Lab | EXPENSE TRACKER

Mama Jenny's business started to bloom well. Now her burger and cake business are making huge profits, she finds really touch to keep a note of income and expenses. Mama knows that ProGrads have helped her in developing her business and she has again sought our help to build a expense tracker.

Help Mama create a expense tracker in Javascript that'll help her to maintain a list of income and expense on a daily basis. Your task is to build a expense tracker by using LocalStorage in JS.

What should you do

Fork this repo
Clone this repo
Practice DOM Features

How To Submit

Upon completion, run the following commands:

git add .
git commit -m "ProGrad ID"
git push origin master

And finally, create a pull request so your ProGrad Mentor (PM) can review your work.

Progression 1: START WITH THE DESIGN

Complete the frontend as per the design given in the output.

Image description

Progression 2: STORE MY VALUES

Setup localStorage, so that we can add or remove the income by clicking on the respective values. Positive values define income and negative values defines expenses. That's the whole point of it.

Image description

Progression 3: YOUR BALANCE

Show the final balance and also the total income and total expense separately as shown in the output.

Image description

Progression 4: TRANSACTION HISTORY

List out the total transactions as a list.

Image description

Happy Coding ProGrads❤️