Skip to content
Submitted 2 months ago

Contact form with a new ui!

#react#typescript#zod#tailwind-css
samsimsan•50
@samsimsan
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Contact form
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

I wasn't really happy with the default UI in the challenge, So searched through pinterest for ideas and completed this challenge.

Main thing I wanted to showcase here was the ability to use Zod for form validation.

Community feedback

  • abizmo•910
    @abizmoPosted about 2 months ago
    • Check responsiveness on smaller screens—ensure margins and padding adjust well for readability.
    • Consider adding client-side validation and error messages for better user experience and accessibility.
    • Consider adding 'aria-label' or 'title' attributes to buttons for screen reader users who may need additional context.
    0

Please log in to post a comment

Log in with GitHub

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