Submitted about 1 year ago
Tailwind + TS + React.js + Redux Toolkit | Multi Step Form
@better5afe
Design comparison
SolutionDesign
Solution retrospective
Hi Everyone!
To sum everything up, users are able to:
- Complete each step of the form sequence.
- Go back to a previous step to update their selections.
- Selections and current steps are saved in local storage.
- Stored data is removed upon completing all steps.
- See a summary of their selections on the final step and confirm their order.
- View the optimal layout for the interface depending on their device's screen size.
- See hover and focus states for all interactive elements on the page.
- Receive form validation messages if:
- a) A field has been missed.
- b) The email address is not formatted correctly.
- c) A step is submitted, but no plan selection has been made.
I'll be grateful for any advice or suggestion whan could improved.
Thanks & Happy Coding 🎃
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