Submitted about 2 months ago

Newsletter Sign-Up Astro and React

Adrian Rangel• 250

@radriann21

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

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

Proud to have completed this project using React!

I was able to simulate some of the behaviors needed to give the impression of a real newsletter. It would be different not to use Astro, as in reality, there was no need to use it. However, it was a good choice to see how to work with integrations within the framework.

What challenges did you encounter, and how did you overcome them?

No particular challenges. I had a moment of confusion when using the valid state for rendering the success message.

Community feedback

SmartAce• 170

@Smart-Ace-Designs

Posted about 2 months ago

Excellent job getting this solution completed. One thing I noticed in your solution is that it is missing the "checkmark" images to the left of your list. I am guessing that was just an oversight and you will be adding them later. I noticed you used Astro with React components. I like that idea. I used Astro for my solution as well and went with Astro Actions and Zod to do the validation which worked pretty good.

Marked as helpful

Adrian Rangel• 250

@radriann21

Posted about 2 months ago

@Smart-Ace-Designs Thanks Ace! I actually not notice the missing marks in the list, i'll correcting that soon. Thanks for the comment!

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