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

#react
Edwin Cacuangoβ€’ 120

@EdwinCacuango

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


I think it was too complicated for this project, used React. Anyway, I have problems with the button about β€œcustom” percentage. The ideal behavior should be change to initial state of the component whenever the user press rest button.

Community feedback

jayβ€’ 210

@Jay-0331

Posted

Hello Edwin πŸ‘‹πŸ»,

  1. Whenever there are 0 people make it display 0 rather than infinity.

  2. For the custom percentage button use number input fields. Also reset the custom percentage button to initial state when reset is pressed.

  3. For the amount input use placeholder as when someone doesn't delete the initial zero and started writing the amount it is just going to be there and make the amount someone what's to enter wrong.

That's it hope this helps.

And for UI make your custom button input match that of your other buttons. Everything else is perfect πŸ₯³πŸ₯³, great job

Happy Coding

1

Edwin Cacuangoβ€’ 120

@EdwinCacuango

Posted

@Jay-0331 Thanks for the advice. I will improve all of that πŸ€“

0

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