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 calc with React, Typescript, Sass

#react#typescript#sass/scss
turtlecrab 550

@turtlecrab

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


Decided to try react+ts. It was pretty hard for me. Not sure whether hooks are supposed to be used like that. I'm just starting to learn them and I'm not sure I understand them. Also encountered strange behavior of input type="number" input fields with react. I should probably have instead used inputs of type="text" and do all validations by react. I don't have any specific questions(or rather there are too many of them), but I'm not against any suggestions or feedback! :)

Also there is an Easter Egg 🥚🐣 Type 123456 to the bill and press reset :)

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