Skip to content
Submitted 8 months ago

Contact form

accessibility, react, tailwind-css, typescript
Thomas•390
@Fixito
A solution to the Contact form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

How to style radio and checkboxe with SVG?

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Natalie Smyth•340
    @nataliesmyth

    Great job! your solution looks exactly like the design we were given, very impressive. The only thing I would fix is the email validation. Your form validates if the email is filled out, regardless of if it's a valid email. You can use regex to check for certain requirements, and use that every time someone enters an email:

    const emailIsValid = email => {
  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
}

    something like that. Great job again!

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