Intro Component With Signup Form

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

I'm proud of using a native API for the form validation as it does some heavy lifting.

I also tried to write the html / CSS / JS in a structured / readable / understandable matter.

Next time I'd like to try out form validation using a well known library or framework.

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

The main challenge was the form validation. for that I relied on the Constraint Validation Native API.

When the form is submitted we call form.checkValidity() native method which returns if the form is valid based on the controls attributes / types. and trigger invalid events on any controls that don't pass validation.

We listen for the invalid and change events on the inputs and we call a function that adds the errors indicators based on why the input is invalid or remove them if the input is valid. also relied on the :invalid pseudo class selector for styling the invalid inputs.

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

I would like to know if my code is readable and understandable by other developers.

Thank you for viewing my solution!