Skip to content
Submitted over 2 years ago

Tip Calculator App with ReactJS

Sang Le•520
@sqle157
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

Hi,

This is my first time making a React App by myself, and it's really fun and challenging. Since it's my first time doing ReactJS alone (not copying from any source), it's not a perfect solution and there might bugs (although I haven't spotted any) here and there; but it's still a really nice experience to me.

Any feedbacks that help me improve my solutions are welcomed! Have a nice day!

Community feedback

  • Prabhash Ranjan•2,540
    @besttlookkPosted over 2 years ago

    hi, Congratulations on completing your first react challenge. I like to point out few issues tho:

    1. Consider your desing when user give large input and also when result is high.Limit the decimal to atmost digit. You can use "toFixed(2)" method on number to do that.
    2. On entering higher number, number opverlap with the icon. try giving higher left padding to avoid that.
    3. Also give some upper limit for tip percentage.

    Good luck, #happyCoding

    Marked as helpful
    1
    Sang Le•520
    @sqle157Posted over 2 years ago

    @besttlookk Hi,

    1. I did use toFixed(2) to limit the digit of the results on the right side.

    2. I forgot about this one! Thank you for pointing that out, I will fix that right away

    3. I will try this one out!

    Thank you for your feedback! It was a really helpful one

    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