Multi-Step Form using REACT

Solution retrospective
Hello everyone,
I would like to share my experience of creating a multi-step form this challenge was hard if done properly i made some improvemnts in this challenge of not hard-coding the steps, I took a more robust approach to ensure scalability in the future. By utilizing components in react, I made it possible to easily scale the form without having to rewrite the entire code were reduced or increased.
In addition, I made a deliberate choice to avoid using the position:absolute property for the navigation. Instead, I used a grid layout. This decision was made to prevent any obstruction of the form if it ever exceeds the size of the viewport.
I am open to feedback and suggestions from the community to further improve the project. Your input is highly appreciated.
Thank you!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @aryanda1
Why clicking the change button in the summary page, doesnt lands me to the second page where i can change the plan rather than toggling between monthly and yearly?
- P@Abdugafor
Hi there )
You have made a great job. But there no navigation if I click on steps on navigation-bar. I also did this challange but with Angular. I did like , If user click on steps , get step number and set it on "currentStep" (in your situation) and display this step-content. I hope it can help to solve this problem.
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