NextJS, Shadcn UI, React-hook-form, Zustand, and Zod Multi-step form
Design comparison
Solution retrospective
This challenge was bit difficult for me because I have never built a multi-step form before. I struggled to figure out how to manage the state and form validations. And since I haven't used most of these tools in my personal projects before I had to learn them while trying to build this component. But I am glad I decided to use different tools such as React-hook-form, Zod, Zustand, and Shadcn UI. I usually don't use any of these in my projects because I recreate everything from scratch. But once I figured how to use these tools the build became a little easier. And now I can say I love these tools. Especially Shadcn UI.
Any feedback is welcome. Especially with Zustand. I followed the documentation but I can't help but wonder if there might have been an easier way to use it.
Thank you.
Community feedback
- @RicardoAymayPosted 12 months ago
Nice work. I had a difficult time with the styling with the checkbox. I just could not figure how to add the phone number to go ahead. But to be frank, I liked your first form more than the solution.
0
Please log in to post a comment
Log in with GitHubJoin 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