Skip to content
Submitted 4 months ago

Newsletter Sign-Up Astro and React

Adrian Rangel•270
@radriann21
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

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-DesignsPosted 4 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
    1
    Adrian Rangel•270
    @radriann21Posted 4 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!

    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