JS Dynamic Form

I need a dynamic form that is then submitted (POST) in json,

The process:
When "Add" button is clicked, an additional input field will appear in the form. The input field will have a drop-down list of 7 items. The field next to that will Have the label name which the user will decide on for that inout field.
Basically, the user will click add, choose the data type (TEXT, DATE, DURATION, BOOLEAN, CHECKBOX, EMAIL, NUMBER) in a drop-down menu and give it a name. There will also be a delete button next to each input to remove it if needed.

JSON layout
Each input must have a unique "key" in the json file, for example:
{
“ID“: “ ”,
“Data”: {
“published“: [“date and time now”, “ ”], //hidden
“TEXT_1”: [“The name of the label”, “ ”],
“TEXT_2”: [“The name of the label”, “ ”],
“TEXT_3”: [“The name of the label”, “ ”],
“DATE_1”: [“The name of the label”, “ ”],
“DATE_2”: [“The name of the label”, “ ”],
“NUMBER_1”: [“The name of the label”, “ ”],
}
}

this will be compiled in the above way and pushed to the server in a json format.