Skip to content
OverviewSolutions
10
Comments
3
Arnold
@bsarnii

All comments

  • youssef oubaida•240
    @youssefoubaSubmitted almost 2 years ago

    Building a multi-step form in React was challenging due to the need to properly manage multiple form states. I found it difficult to keep track of the data and the current form state at each step of the process. Furthermore, managing user input validation was an added challenge.

    I am unsure of the best ways to manage user input validation in the project and how to efficiently store and manage the data that is collected throughout the form.

    I am also curious about best practices for implementing multi-step forms in React, such as how to handle navigation between steps, how to store data, and how to best handle user input validation.

    I would appreciate any advice or suggestions on any of these areas.

    Multi-step form with React and Redux

    1
    Arnold•300
    @bsarniiPosted almost 2 years ago

    Hello youssef! You did a great job implementing the design and functionality. One small thing, what I noticed, that you forgot to change the cursor behaviour to pointer on the button. So the client knows that it's a clickable button.

    1
  • Carlos Venencia•220
    @cvenenciaSubmitted almost 2 years ago

    This solution was built with React. The sections of the form are generated dynamically using a json format, meaning that more sections can be added very easily.

    I would appreciate any feedback! Thank you.

    Responsive and dynamically generated form

    1
    Arnold•300
    @bsarniiPosted almost 2 years ago

    I like to compare my solutions to others. Your solution is the nearest to the original design. The UI on desktop and on mobile and the functionality of the app is really good. Very nice job!

    1
  • Arnold•300
    @bsarniiPosted about 2 years ago

    Hello Ajayi! I like your project. To make it even better, you should make it mobile friendly (your result div is too big on mobile phones) and add a domain searching function(you can do it from the same API).

    Marked as helpful
    0