Skip to content
Submitted 4 months ago

Tip Calculator using React

react, pure-css
kunal90803•550
@kunal90803
A solution to the Tip calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Proud of Implementing React for first time in Frontend Mentor Projects.

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

Please If any reader feel any scope of improvements or any flaws .. kindly write it in the feedback so that i can improve that in future 🙂. As it's my first project using react.

Code

Please log in to post a comment

Log in

Community feedback

  • Asia Ashraf•1,000
    @asia272

    Great job! 👏 I really appreciate your project—it's excellent! I would suggest adding a README file to your solution. It helps others understand your project better, makes it easier to set up, and improves overall presentation.

    In your README, you can also include:

    • Which challenges you faced and how you overcame them
    • Features of your project.

    This will make your project more detailed and helpful for others. Keep up the good work! 🚀

    Marked as helpful
  • Simon Hickling•550
    @SimonHickling

    The total pp calculation appears to be incorrect. The tip calculates well, but the total pp should be taking the total bill amount, divided by the number of people, then adding the tip per person value to this amount. Apart from this, this is good. The only thing I did differently is set a minimum amount of person as 1 (as you can't have less than 1 person). This was just a preference thing though, and you lose the opportunity to add the error message anyway.

    Marked as helpful
  • Simon Hickling•550
    @SimonHickling

    Are you sure? I just checked again, and if you enter 10 with one person, the output reads 15.00 where it should read 10.50. sorry if this is me being stupid haha

    Marked as helpful

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