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

Contact Form using React-Hook-Form and Zod

@Jake-Oz

Desktop design screenshot for the Contact form coding challenge

This is a solution for...

  • 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?

I was happy with how I was able to create a really robust form with good validation. I would like to spend more time looking at how I can validate names (first name, last name) beyond just checking it is a string with a minimum length. Perhaps using REGEX or similar to reject non-alpha in the string might be a start.

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

This was fairly straight forward and the ByteGrad YouTube video at https://www.youtube.com/watch?v=u6PQ5xZAv7Q helped a lot.

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

How to validate names ina. more sophisticated way.

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