Adaptive Multi-Step Form

Form Json File Structure

Json Example

{
 "form": {
 "id": 1,
 "title": "Personal Info",
 "description": "( This is form was created to gather basic personal info )",
 "groups": [
 {
 "id": 1,
 "title": "Basic Info",
 "description": "( Please answer the questions bellow )",
 "questions": [
 {
 "id": 1,
 "title": "What is your first name?",
 "description": "(Please enter only your first name)",
 "type": "text"
 },
 { "id": 2, "title": "When were you born?", "type": "date" }
 ]
 },
 {
 "id": 2,
 "title": "Users Family Situation",
 "description": "( Please answer the questions bellow about your family situation )",
 "questions": [
 {
 "id": 3,
 "title": "Do you live with your family?",
 "description": "( Select the proper answer )",
 "type": "boolean"
 },
 {
 "id": 4,
 "title": "With how many family members do you live with?",
 "type": "number"
 }
 ]
 }
 ],
 "outro": {
 "title": "Thank you for completing the form!",
 "description": "Please press submit, to submit your answers!"
 }
 }
}

UI Images

How to run this project

 git clone "project link"
 cd adaptive-multistep-form-react
 npm install
 npm run dev

Technologies

Collaborators