Submitted 3 months ago

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

#pure-css#react#typescript#vite

Victor Eke• 250

@Evavic44

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?

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

Validating the input string
Styling the custom radio card input

Community feedback

Alex 🤸🏻‍♂️• 610

@sksksk2024

Posted about 1 month 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! 🔥🙌🔥

Victor Eke• 250

@Evavic44

Posted about 1 month 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.

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