Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Newsletter sign-up form based on react

@j3rzyy

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • 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?

Most of all, I am proud of the implemented form validation system and competent client-server interaction based on the rest API architecture. I would like to deepen my understanding of client-server interaction, it is possible to write the server part yourself, using third-party APIs.

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

During creating the design, there were difficulties with the location of components and adaptability, the first problem was solved by using CSS Grid Layout, the second by @media CSS at-rule. Routing also became a challenge for me, but with the help of react-router-dom and its documentation, everything was solved.

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

I would like to understand how well the client server interaction was implemented and CSS layout.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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