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 React, React Router and Tailwind CSS

#react-router#tailwind-css#react
Dytoma 570

@Dytoma

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


Hey everyone👋

This is my solution to the multi-step-form challenge. I used React for this project😄😄

Feel free to check my github repo to view my code and if you want, give it some stars😇.

I'll be glad to get your feedback on this solution and advices on how I can improve it. Happy Coding.

Community feedback

P
Grace 27,710

@grace-snow

Posted

Hi

I can’t get past the first step in this as it’s saying my number is not a number

1

Dytoma 570

@Dytoma

Posted

@grace-snow

Hey, thanks for your comment.

I put a constraint that you have to provide the telephone code of your country, starting with a +.😅

0
P
Grace 27,710

@grace-snow

Posted

@Dytoma that’s inaccessible then. Autocomplete won’t always do that !

But even with the + it doesn’t work for me. Your regex must be wrong there

1
Dytoma 570

@Dytoma

Posted

@grace-snow You've to start the phone number with a + sign and I think after all the validations successful, you have to click on the Next step twice, I haven't figure out how to solve this issue. If you looked at my code, you could help me solve that😄

0
P
Grace 27,710

@grace-snow

Posted

@Dytoma I’m telling you it doesn’t work with my real phone number, even with a +. The error message persists no matter what and I can’t proceed. So the regex is wrong

You must not restrict phone numbers like that anyway, that’s way too restrictive and people will not be able to use your form

Marked as helpful

0
Dytoma 570

@Dytoma

Posted

@grace-snow Solved👌 thanks

0

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