Answered step by step
Verified Expert Solution
Link Copied!

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 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

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Database Concepts

Authors: David Kroenke, David Auer, Scott Vandenberg, Robert Yoder

10th Edition

0137916787, 978-0137916788

More Books

Students also viewed these Databases questions