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

News-Letter Sign In with Success Message using React, SASS/SCSS

@ZubairAbid101

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


Hello!!!

Thanks for checking out my solution!

This project was built using,

  • HTML
  • CSS
  • JavaScript
  • SASS/SCSS
  • React

I had difficulties in,

  • Using the correct regular expression for email validation
  • Controlling state passed to child components using parent component
  • Conditional rendering
  • Dynamic styling

I aim to improve my understanding of,

  • state
  • props
  • styling in React

I have the following questions,

  • Q1: How can I make my code more readable?
  • Q2: Will it be better to apply conditional rendering to the element with the .container class?
  • Q3: Should I create a separate child component for the form?

Any feedback regarding best practices would be much appreciated!

Until next time!!!

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