FE Take Home: JSON Form Builder

partner_form.json

{
  "components": [
    {
      "component_type": "text",
      "name": "First Name",
      "data": {}
    },
    {
      "component_type": "text",
      "name": "Last Name",
      "data": {}
    },
    {
      "component_type": "text",
      "name": "Mobile Number",
      "data": {}
    },
    {
      "component_type": "dropdown",
      "name": "Citizenship",
      "data": [
        {
          "id": "sg",
          "value": "Singaporean"
        },
        {
          "id": "foreigner",
          "value": "Foreigner"
        }
      ]
    }
  ]
}

types_of_components.md

Text Component

{
  "component_type": "text",
  "name": "Full Name",
  "data": {}
}

Dropdown Component

{
  "component_type": "dropdown",
  "name": "Citizenship",
  "data": [
    {
      "id": "sg",
      "value": "Singaporean"
    },
    {
      "id": "foreigner",
      "value": "Foreigner"
    }
  ]
}