Submitted 5 months ago

Interactive Tip Calculator App

Bartosz Dudziak• 510

@bartoszdudziak-dev

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Tip calculator app

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?

I'm proud of that my I have managed to create cool interactive app. It is close to the designed one.
I would simplify my solution next time especially with validation, my code looks a little bit messy and it needs some refactoring.

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

I wanted to make it as much interactive as it is possible therefore it took me much more time as I thought cuz of the my validation.
I have complicated it with no reason but I am happy it works. 😅

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

Every opinion and tip will be helpful!

Community feedback

Nate Valline• 370

@nvalline

Posted 3 months ago

Hi,

Great job on this challenge. I don't have a lot for you. But you aspect of the design is that when the 'Bill', 'Custom Tip', and 'Number of People' inputs are hovered, then the primary cyan color should be applied.

Other than that the rest of the design looks good and the JS logic is sound for me.

Cheers!

Marked as helpful

Bartosz Dudziak• 510

@bartoszdudziak-dev

Posted 3 months ago

@nvalline Hello, thank you so much! I will correct it in some free time 😅 I was working at structure and OOP in JS and I think would refactor this solution with current knowledge.

Please log in to post a comment

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