CODE

ajax.js

$(document).ready(function() {
  renderAllItems();
  fetchToken();
});

function fetchToken() {
  $.ajax({
    url: '/api/v1/env_variables.json',
    type: 'GET',
    success: function(response) {
      console.log('SUCCESS', response);
    }, error: function(xhr) {
      console.log('NO', xhr);
    }
  })
}

function renderAllItems() {
  $.ajax({
    url: '/api/v1/skills',
    type: 'GET',
    success: function(response) {
      renderSkillsOnDOM(response);
    }, error: function(xhr) {
      console.log('FAIL', xhr);
    }
  });
}

function renderSkillsOnDOM(skills) {
  var htmlSkills = skills.map(function(s) {
    return (
      '<h1>' + s.name + '</h1>'
    )
  });

  $('#all-items').append(htmlSkills);
}