Skip to content
Submitted 7 months ago

Tip Calculator App (React/Vite + TypeScript + CSS)

#pure-css#react#typescript#vite
Victor Eke•250
@Evavic44
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

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

Handled the input validation without using any library and state management using useState. I felt it was too small a project and decided to keep it simple. Proud I could pull it off. Using useState for state management is probably the only thing I wouldn't use again.

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

Just a few

  1. Validating the input string
  2. Styling the custom radio card input

Community feedback

  • Alex 🤸🏻‍♂️•1,310
    @sksksk2024Posted 5 months ago

    Hello, Victor Eke!! I have no words, bro! You're code is so so organised and the fact that you've combined the react, pure css, js and whatever vite is(so amazing to see your project and code). Keep it up the quality work! 🔥🙌🔥

    1
    Victor Eke•250
    @Evavic44Posted 5 months ago

    Thanks a lot for your amazing feedback @sksksk2024, I appreciate it and I'm also rooting for you to deliver quality work as well. 👍🏾 As for Vite, it's a build tool like Create React App for bootstrapping a React application, except it's much faster. I highly recommend checking it out if you're using React.

    1

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