Skip to content
Submitted 6 months ago

Perfect React Js Contact Form 👌👌

Jumagobe•1,050
@Jumanjigobez
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?

Perfect challenge that made me dive more in React Js with Vite, use of useful dependencies like Formik, Yup & React-Toastify which I customized it 😊.

Also, the custom radio input part was lovely. 👌

Thanks FrontendMentor, kindly give us more and more 👏

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

Maybe additions and subtractions to the solution would be great.

Don't forget to give it a Like and Comment Mahn. ❤

HAVE A NICE CODING JOURNEY AHEAD! 🤞

Community feedback

  • Jordan Davenport•970
    @jjdavenportPosted 6 months ago

    The site look pretty much identical to the original deisgn on both mobile and desktop views, as the site is built in react I cannot read the HTML however it validates the form how you would expect. It includes some improvements over the original deisgn like the error states for the radio buttons and the ability to dismiss the success message. Two impovements could be made to this site, the first to improve accessibility, the ability to tab onto the radio buttons and have them focus, the second is the problem with verticle and horizon overflow making the site scrollable when there is no need.

    Well done!

    Marked as helpful
    1
    Jumagobe•1,050
    @JumanjigobezPosted 6 months ago

    @jjdavenport

    Thanks so much, a really helpful comment indeed.

    Let me work on the improvements right away.

    Will Notify You ASAP.

    1
    Jumagobe•1,050
    @JumanjigobezPosted 6 months ago

    Hey @jjdavenport,

    Fixed the issue of the overflow scroll that isn't needed. The problem was the padding I gave to the body :)

    Have a nice coding journey ahead.

    1

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