Multi Step Form Using React

I’ve had the opportunity to explore your multi-step form application, and I appreciate the effort you’ve put into creating a smooth user flow. While the app has a solid foundation, there are a few areas where I encountered challenges that could benefit from improvements. Below are some observations and suggestions to enhance the user experience.

• No Data Persistence Between Steps:

  • Issue: When navigating between steps, the form data isn't persisted. This creates a challenge if I want to revisit a specific step and modify the input data; the data isn't retained, leading to a poor user experience.
  • Suggestion: Implementing state management (e.g., using React Context or local state) to persist form data between steps would greatly enhance usability. This way, users can freely navigate between steps without losing their progress.

• Form Validation Across Steps:

  • Issue: It’s possible to navigate through the steps without filling in the required fields or selecting necessary options, which could lead to incomplete submissions.
  • Suggestion: Adding validation logic that checks for required inputs before allowing the user to proceed to the next step will improve the flow and ensure the form is completed correctly.

• Page Reload and 404 Error:

  • Issue: When reloading the page on any step, I encounter a 404 error, which disrupts the user experience.

Overall, the app has a solid structure, but addressing these issues would significantly improve the user experience and reliability of the form. I’m confident that with these adjustments, the app will become even more effective and user-friendly. Keep up the great work!