Skip to content
Submitted 10 days ago

Tip Calculator App

Jstickz•110
@Jstickz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

I am most proud of the fact that I was ale to stay on this project till the end because at a point it became difficult but I was able to find my path bit by bit.

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

The challenges I encountered mainly was how to approach a problem when I come to a point that I have no idea how to solve. But with the help of tolls online I was able to discover answers to the problems and finally got the solutions.

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

I am doing this alone currently and its not easy having to find answers on your own, I would like a community of people where I can always reach out and ask questions, share ideas and see the perspective of others on how to approach problems in different ways.

Community feedback

  • wannacode•720
    @kwngptrlPosted 10 days ago

    Hello there. Your persistence is commendable. There are some issues that I noticed.

    1. The math for total/person is not adding up. You can look at the screenshot of the challenge to see the following values: A: Bill = $142.55 B: Select Tip% = 15% C: Number of People = 5 D: Tip Amount per Person = ~$4.27 (You got this correct) E: Total per Person = ~$32.79 (Yours was $21.38)

    I believe the equation to get total per person is: (bill * tip% / number of people) + (bill / number of people)

    1. Entering any value in the 'custom' field does not result in any change in the results section.

    2. There should also be an answer for when tip% is zero. It's the case where people want to split, but not want to tip.

    3. The reset button should change color if there is a result in that section.

    4. If you can, enlarge the design for the desktop version (the fonts are too small). The mobile version is fine.

    Also, I could not see the github repo for your solution if there is one. This is going a bit too long now.

    Marked as helpful
    0
  • Jstickz•110
    @JstickzPosted 9 days ago

    Thanks for the feed back... I was able to make all the changes but for changing the font size, I don't have a pro account on frontendmentor so i'll just leave it this way.

    Your tips were very helpful.

    Can we connect, so we can share Ideas together an maybe work on projects?

    0

Please log in to post a comment

Log in with GitHub

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