Skip to content
Submitted 16 days ago

Responsive Multi-step Form using React and TypeScript

react, typescript, vite, pure-css
LVL 2
@devamir99
A solution to the Multi-step form challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am most proud of building a fully responsive multi-step form with React, including step navigation, form validation, dynamic pricing, plan selection, and add-on management.

This project helped me improve my understanding of component-based architecture and managing shared state between multiple steps.

Next time, I would focus more on improving accessibility, adding smoother transitions between steps, and making the form logic even more scalable.

What challenges did you encounter, and how did you overcome them?

The main challenges were managing the form state across multiple steps, keeping the selected options synchronized, and calculating the final price dynamically.

I solved these challenges by creating a structured state management approach, separating components by responsibility, and keeping the data flow predictable between each step.

I also spent time improving the responsive layout to ensure the experience works well across different screen sizes.

What specific areas of your project would you like help with?

I would appreciate feedback on my React component structure, state management approach, and overall code organization.

I would also like suggestions on how to improve performance, accessibility, and make the project easier to maintain as it grows.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Amir Fallahi’s solution.

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