Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Tip Calculator w/ Vite, React, and Typescript

@PatrickLee22

Desktop design screenshot for the Tip calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


First time trying out Vite, React, and Typescript. While watching some tutorials, I've learned that using React components and Typescript's static typing would improve the organization & readability of my code. In addition, Vite was a described as a faster alternative to CRA.

All feedback is welcomed, but I am interested in some aspects that I had trouble with. In particular:

  • It seems that the font styling in my implementation is not exactly like what the preview should be
  • How to maintain the spacing of the tip buttons/custom input's grid

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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