Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tip calculator app || (HTML- CSS - React)

Kirsten βœ¨β€’ 460

@ofthewildfire

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hiya! This is my solution for the Tip calculator πŸ’°

I went ahead and did this in React - I wanted to both practice some of the React I had learned in the past and knew I couldn't get it to work the way I wanted to with the update-y "behaviour" without it. So, with that, there is a few niggly issues:

  • when updating/changing your bill amount after you've already input all your details, the tip per person doesn't change, I dont know why, yet, I am still looking into it, best I can see it seems to not actually update till a second render, which is weird.

  • the calculator doesn't have the option of taking decimal numbers, yet.

As always, feedback appreciated

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord