Submitted about 2 months ago

tip calculator app

Shakil ahmed• 260

@Shakil-a

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?

Most proud:

starting to refactor my logic to be mor reusable, follow dry principles and be readable

what i would do differently:

figure out multiple ways in terms of the logic and then find the best solution from that to follow

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

challeneges i faced:

Refactoring the solution into smaller funtions and how i overcame this is having the mindset of test driven development and making the functions and logic easier to test.

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

areas i would like help in:

how to make my project more responsive
possibly there was a better solution for this project
any bad practises and standards i need to take out

Community feedback

Adam Haniff• 520

@AdamHaniff

Posted about 2 months ago

• I think your logic for determining the total/person is a little off.

• You should also try and center the icons in the bill and number of people inputs in the center.

• You can maybe try adding hover states to make your app more interactive.

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