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 git@github.com: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

• Font Awesome

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