Skip to content
Submitted over 1 year ago

Responsive Newsletter form with Thank you!

Stanley Nadar•370
@istealersn-dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I attempted to build this project using the latest version of Next.JS 13 with app router using Typescript, for styling I relied on Styled-Components.

Had lot of challenges especially with declaration of types, passing props from parent to child, making controlled vs uncontrolled component, etc.

Any feedback will be highly appreciated!

Community feedback

  • Jafar•30
    @jsa2023Posted over 1 year ago

    Great Attempt! Try to use the least amount of technologies. HTML, CSS, and plain JavaScript will suffice here.

    In terms of UI, it would be better if the user was alerted somehow of an invalid email address. The button is also not working.

    0
    Stanley Nadar•370
    @istealersn-devPosted over 1 year ago

    @randomcoder5 Thank you for the feedback, I have only used NextJs & Styled-components and nothing more for this project (it was an attempt to learn NextJS).

    What surprises me is that the application works fine at this URL: https://newsletter-form-green.vercel.app/ (both input validation and routing to Thank you page) but FM is not fetching the screenshot appropriately.

    I would love to understand your feedback on button not working - did you try at the above link? What was the experience?

    UPDATE: I have fixed the screenshot with support from Frontendmentor.io (in knowing the issue)

    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