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 with React/NextJS and TailwindCSS

@jadurani

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 folks!

Done with implementing the multi-step form challenge with NextJS. I managed the form natively as a refresher (I'll use a library like reach-hook-forms next time 🤣) and managed the app state via React's reducer and context.

Feedback on the the UI and the code is most welcome :)

Community feedback

@amjadsh97

Posted

hey Jadurani Davalos,

the design is very perfect and looks great. but i think you need to fix the size of the next button and add some transition to it with hover state to make it smooth.

thank you for your efforts.

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