Submitted about 1 year ago

Responsive Newsletter form with Thank you!

Stanley Nadar• 370

@istealersn-dev

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Newsletter sign-up form with success message

HTML
CSS
JS

2junior

View challenge

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

@jsa2023

Posted about 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.

Stanley Nadar• 370

@istealersn-dev

Posted about 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)

Please log in to post a comment

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