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

Responsive Multi-Step Form

@ZahirHaniche-dev

Desktop design screenshot for the Multi-step form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I am really proud of having successfully completed this challenge and creating this multi-step form, even though it doesn’t perfectly match the mockup. My main goal was to get the mechanism right. Since I am currently on a mission, I will improve it gradually, but the most important part is done.

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

The most important challenge for me was not using a router in this case, but instead implementing a step-by-step system using a React state that changes at each step. I will improve this code and create a version with routing a bit later

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

Help is always welcome, especially with the multi-step form and its mechanism. I’m looking for ways to make it faster and more intuitive, for example, by using routers and a custom URL system.

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