Answered step by step
Verified Expert Solution
Question
1 Approved Answer
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 commandline interfaceterminal 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 reactinterestcalculator. Once you have started your frontend server with npm start test thedefault React App that was created by CRA by navigating tohttp:localhost: 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
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started