Submitted 8 months ago

Audiophile e-commerce website | React | Typescript | Tailwind

react, tailwind-css, typescript

Jordan Herrera Vera•490

@jordanheve

A solution to the Audiophile e-commerce website challenge

Preview Code

Solution retrospective

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

At the beginning, it was challenging for me to manually validate the form and make it work consistently across Chromium and Firefox. For some reason, e.preventDefault() didn't behave as expected in Firefox, so I had to implement the form validation through a button function instead. Additionally, I created my own component to handle the input styles for the checkout validation. Next time, I'll definitely use React Hook Form to streamline the process.

Any suggestions for improvement are welcome!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jordan Herrera Vera's solution.

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