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

@metrikspacex

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


Originally, I was going to write this where Spring Boot served some of the components' content, and the form would be validated by Spring Boot. However, I abandoned this idea because Heroku isn't free and requires a credit card, which I don't feel comfortable with. However, Next.js 13's latest experimental feature, 'server actions,' makes writing forms much easier if anyone wants to look into it (https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions). I tried to write decent regex, which most likely failed in some sense. I'm pretty sure there is a tricky bug between my state updates and regex checking that will trigger the redirect to a simple success page. Also worth checking the type definition of action attribute.

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