ATM application

We're revisiting an oldie but goodie, only this time using React! Here are your tasks:

src/App.js

1. Pass a name property to each Account component, one for "Checking", the other for "Savings"

src/Account.js

1. Use the property you set in App.js and add it to the <h2>
2. Add a balance property to state and set to 0 initially
3. When the Deposit button is clicked, you should add the amount entered in the text field to the balance
4. When the Withdraw button is clicked, you should deduct the amount entered in the text field to the balance

• You should not be able to withdraw more than the current balance

5. If the current balance is 0, you should add a class of zero to the <div className="balance"> div

Bonus

Add the accounting package to format the balance.

Hints

• Remember to set a ref on the text field for targeting
• The amount entered in the text field will initially be a string, so you'll need to convert that to a number
• Don't forget to bind your click methods!

Licensing

All content is licensed under a CC­BY­NC­SA 4.0 license. All software code is licensed under GNU GPLv3. For commercial use or alternative licensing, please contact legal@ga.co.