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 with tailwind css and Javascript

John Pugh 340

@JohnPugh688

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


What are you most proud of, and what would you do differently next time?

As always i'm proud of my design and also my ability to us AI tools like ChatGPT to help me with the Javascript.

What challenges did you encounter, and how did you overcome them?

I found getting the input field for the custom tip difficult. but with the help of ChatGPT i was able to solve the issue and get the code to work correctly.

What specific areas of your project would you like help with?

Im not going to pretend to be good at Javascript. I work full time and have to children so getting free time to learn frontend development is a challenge for me. If this was my full time job i think i would adapt and improve massively. but a few hours a night has got me this far. Javascript is for me a real challenge.

Community feedback

Bakhtiar 380

@b4khtiar

Posted

  1. The tip amount is "/ person" so you need to divide the totalTip by the number of people.
  2. Add validation and error feedback in the input field so user know if they input invalid number. like example: when i input decimal in thenumber of person, the app still process it.
  3. Good job in your ui implementation

Marked as helpful

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