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 and DOM Manipulation

P
Cassidy 160

@CMac450

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


This one is still a WIP, but I have the main functioning desktop portion. My next task is working on the responsiveness/mobile version.

If you have any comments or questions, feel free to shoot them my way.

I utilized local storage to hold two objects for the add-ons(name and price) and the plan details(plan name, plan price, and billing type). My first thought was to use state variables set in the parent component(App.jsx) and pass it between the children components, but I decided that in a real world scenario, it would be more likely to use session storage to hold info like this in case a browser or tab closes suddenly.

Community feedback

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