Question: Create an interest calculator web page with React and JSX with the followingcontent: Create a folder called ReactComponents on your local machine. Open the command

Create an interest calculator web page with React and JSX with the followingcontent: Create a folder called ReactComponents on your local machine. Open the command-line interface/terminal and cd to the folder you havecreated above. Follow the instructions found here to install React using the Create ReactApp (CRA) Starter Kit. Name your React App react-interest-calculator. Once you have started your front-end server (with npm start), test thedefault React App that was created by CRA by navigating tohttp://localhost:3000/ in your browser. Create a website that will simulate a banking application with the followingfunctionality: The app should display the users current bank balance. The app must have an input for the user to deposit money to thebank (the user should input a number and click a button that willadd the deposit amount to the currently displayed bank balance). The app must have an input for the user to withdraw money from thebank (the user should input a number and click a button that willremove the withdrawn amount to the currently displayed bankbalance). There should be a button that the user can click to add interest tothe account, using either a fixed interest rate percentage or a rate theuser has entered in another input, that will then be added to thebalance being displayed. There should be a button that the user can click to Charge bankfees, that can be either a fixed amount or calculated as a percentageof the bank balance, that is then deducted from the displayedbalance. This app must use at least two separate components with a sharedstate that is lifted to a parent component. Try to be creative and use some Bootstrap styling or, optionally, have analert that triggers when the user goes into a negative balance, for example.

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!