Intro component with sign-up form developed in React, HTML and CSS

Hi Coders:

This a challenge that we can mainly develop in HTML and CSS. However, I developed it in React using components and CSS for the styles. It was so useful to understand the HTML elements as section, articles, input text and buttons. Also, in this project I used regular expressions to validate a string for email.

Also, it was very useful to understand Flexbox to organize the different components of the User Interface and the use of media queries to switch between desktop and mobile versions.

Regarding the functionality of this challenge in react, I used a component "Card" and three usestate to manage "form" "form_errors" and "valid" to control when we get a valid form. With the value of these parameters, I used conditional rendering to control each elements and the error messages. Also, several arrow functions were used to control the form when an element had any change, validations were done or the form was submitted.

I gave my personal touch at the end adding a message when the form is valid and can been sent.

Feedback are welcome.

Best Regards