Contact Form

Form Validation Challenge BY FEM Built From Scratch With ReactJS, React-Hook-Form, and Tailwind CSS

The Users Should Be Able To:

• Complete the form and see a success toast message upon successful submission
• Receive form validation messages if:
  • A required field has been missed
  • The email address is not formatted correctly
• Complete the form only using their keyboard
• View the optimal layout for the interface depending on their device's screen size
• See hover and focus states for all interactive elements on the page

FEM Challenge Link: https://www.frontendmentor.io/challenges/contact-form--G-hYlqKJj

Built With Vite & Deployed with Vercel
Demo: https://contact-form-three-psi.vercel.app/