Create an onboarding process using the attached mockup file.

Download here the Figma Mockup

Requirements:

• Respect exactly the provided layout
• Deploy the project towards Netlify (www.netlify.com) connected to your GitHub Repo
• The form should be validated and should prompt success or error messages
• Error messages should be provided on each field

Level 1:

• Start the project using ReactJs
• Implement all the components and layouts
• Provide a validation for each field
• Use state to store temporary values and show the steps
• Write tests for each single validation

Level 2:

• Use react-router to navigate between the steps
• Find a strategy to save temporary values (eg. Context, Redux, LocalStorage)

Level 3:

• Save results with Strapi (https://strapi.io)
• Show a loader while calling the api and provide a feedback for success or error messages

Before starting any of the tasks in this Learning Path, please READ the following rules

What do you need to start this Learning Path:

1. A GitHub account
2. A Local IDE or Editor
3. Git Environment
4. A http://toggl.com/ account and Chrome Extension
5. A Netlify account

Rules that you MUST follow:

• Fork this repo into your own Github Account as a public Repository
• Create a Github Project connected to the repository
• Read carefully the task description
• Analyze the task, and create relative subtasks to track any requirement and knowledge needed
• Assign an estimate to each created subtask
• Define a deadline for the main task
• Provide a Flowchart within the project
• Where required, involve other members of the community to support you on the development
• When working on a task, move it to the In progress column and start tracking it
• After each task completion, move it to the "Done" column and stop tracking it
• After the main task completion, share the solution (e.g. your GitHub repo) over the community

Following some useful materials for your work:

Git and GitHub configuration and usage

Pseudo Code Methodology