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

Multi step form using Vite, React, React Router and Mobx

#mobx#react#react-router#vite#styled-components
Eugeniaβ€’ 950

@JaneMoroz

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


πŸ‘‹ Hi, guys!

Here is my solution to the 'Multi step form' challenge πŸŽ‰

I used Vite for this challenge with React integration.

So to sum up I used:

  • Vite
  • React
  • Styled Components
  • React router
  • Mobx
  • Typescript

🀝 Happy to hear any feedback and advice.

Community feedback

Kehindeβ€’ 660

@jonathan401

Posted

Congratulations!. This is a beautiful solution!. I just have one suggestion though. Is there a way for you to make the steps at the left side of the solution clickable? So that whenever a user wants to visit a step that user can just click on those steps. I don't know how I could explain this clearly enough :). But I think it'll be nice if you could implement it. I'll also try to implement it when working out the next solution. But really, this was a beautiful solution. Haven't gotten the time to check your code but I would do that when I complete this solution myself :D. Keep up the good work :D

Marked as helpful

1

Eugeniaβ€’ 950

@JaneMoroz

Posted

@jonathan401 Hey, Majay! I tried to make sidebar with clickable nav links, so the user can move back and forth and change stuff, but my head kinda started blowing up when I tried to integrate name/email/phone validation into this logic. I was thinking about making 'next step' links unavailable, force user to enter some initial personal info first... I guess I'll try to do it later)

Thank u for checking out my solution!

1
Kehindeβ€’ 660

@jonathan401

Posted

@JaneMoroz That'll be great.. Looking forward to seeing how you go about it πŸŽ‰πŸ’ͺ🏾

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