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

Responsive tip calculator using react and styled components

@Temi-pinheiro

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


Hi everyone, this challenge was relatively easy and it helped me practice using useState and useEffect as before this i was only using class components in react. What I found challenging was the responsiveness, i used some trickery here and there to help it look okay but I feel like theres still a lot of work to be done, that aside, any feedback would be greatly appreciated.

Community feedback

Carlos 1,110

@Carlos-A-P

Posted

Hello, This looks really good, great job. A few things I noticed were that I'm able to insert negative numbers into the billing input and custom input which displays a negative output. Also the error in the # of people doesn't go away after leaving it empty and hitting reset.

Marked as helpful

0

@Temi-pinheiro

Posted

@Carlos-A-P Hi Carlos, thanks for pointing that out, that should be an easy fix, will get right to it

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