gistfile1.txt

class UI {
  static displayElements() {
    //let elements = Store.getElements().then(r => {return r});
    let elements = Store.getElements()
                    .then((data)=> {return data});
    console.log(elements);
    elements.forEach(function(element) { 
      UI.addElementsToDom(element)
    });
  }

  static addElementsToDom(element) {
      const list = document.querySelector('#element-list');
      const a = document.createElement('a');
      a.classList.add('list-group-item list-group-item-action');
      a.setAttribute("href","#");
      a.innerHTML = `${element.name}`;
      list.appendChild(row);
  }
}

// Store Class: Handles Storage
class Store {
  
  static async getElements() {
    let url = `https://carlos.rhinox.local/assets/js/elements.json`;
    let response = await fetch(url);
    let data = await response.json();
    return data;
  }

}

async function fetchFormBuilder(){
  const data = await Store.getElements();
  UI.displayElements(data);
}

// Event: Display Elements
document.addEventListener('DOMContentLoaded', fetchFormBuilder);