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

Intro Component with Signup Form (Vanilla CSS)

P

@Fejiro001

Desktop design screenshot for the Intro component with sign-up form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Features:

  • Achieved high scores on PageSpeed Insights.🎉
  • The code was formatted with Prettier.
  • Close resemblance to the original design.

I'm really proud of how I handled the form validation, especially for email and password, where I use regex patterns in my HTML. Also, I handled errors for invalid input or pattern mismatch (for email and password) in my JavaScript by displaying an updated error message.

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

I faced some issues when it came to code repetition at first but made sure I followed the DRY (Don't Repeat Yourself) principle by making good use of functions

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

I believe I achieved what I set out, so I do not need help for this project.

Community feedback

@class-pedro

Posted

Nice! Perfect responsiveness!

I hav a suggestion: in JS configs, remove the error style on inputs when the user click again in the camp to correct what was filled in incorrectly :)

Marked as helpful

1

P

@Fejiro001

Posted

@class-pedro thank you. Will implement that.

1

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