clone this repo and run yarn install.
In this project, you are requested to create a multi-step sign-up web application based on React, TypeScript, TailWind (A utility-first CSS framework ) and a state-management tool of your choice.
You will work on implementing some generic components that will re-render with different shapes (content and styling) according to a JSON / state-based configuration.
Feel free to take a look at structure_demo.js for a non-binding example.
A state-based stepper that will indicate the user's current step.
Use each of them on different (not necessarily all) steps/screens.
Will trigger a Back/Next 'event'. The last step will include only one button - Submit - which will trigger a POST request with the user's entered data as payload to https://webhook.site/
Later on, please create a validation service. Could (and probably should) be based on an open-source validation library.
Try to make the validation as scalable as possible so that re-using it on a different project would work like a breeze. For example, each instance's validation should be described as an inner property (See example in structure_demo.js).
You can use the following example as a rough template, but feel free to get creative: https://cdn.wedevs.com/uploads/2018/01/wpuf-blog-create-multistep-form-sample-1.png
