title: Dynamic UI from JSON object
body: <p>I'm trying to find a way to translate a dynamic JSON object into a valid HTML webpage. The idea is to be able to push up what did needs to be displayed from an IoT device into the cloud and have the user be able to input and save the configuration.</p>
  
  <p>The json would look something like this</p>
  
  <pre><code>{
    "loginConfiguration": {
      "username": "string",
      "password": "string",
      "hostname": "string"
    },
    "systemConfiguration": {
      "numberOfEvents": "int"
    }
  }
  </code></pre>
  
  <p>And the ideal output would be 3 text boxes with string inputs under a section called loginConfiguration and then another section with 1 integer input. But please note that the json object would differ and should be able to accommodate for that.</p>
  
  <p>I'm open to technology stacks, but it seems to be the most possible with javascript/jQuery. If you have an alternative like Dart that is made for this then please show how this could be accomplished.</p>