Skip to content

Latest commit

 

History

History
45 lines (29 loc) · 1.17 KB

README.md

File metadata and controls

45 lines (29 loc) · 1.17 KB

Tips Calculator (built with React)

Project to create tips calculator using React, allowing user to input initial cost, tip percentage, and # of people to split cost amongst

🔗 Live preview: https://crystaltai.github.io/react-tips-calculator/

Run the project

git clone [email protected]:crystaltai/react-tips-calculator.git
npm install
npm run start

This will run the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Built with

Technologies

  • HTML
  • CSS
  • JS
  • React
  • Material UI

Tools

  • Visual Studio Code
  • Git and GitHub

Third party code

Project summary

1/16/23

  • I created a tips calculator using React to replicate the iPhone's tips calculator app
  • The app allows users to input their initial cost, tip percentage, and the # of people to split the total cost amongst
  • It utilizes useState hooks to preserve the various variables' values between function calls and useEffect to rerender calculation outputs when the inputs are changed