JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<h1>Instagram Hoverin&rsquo;</h1>

<div class="instagrams">
  
</div>

JavaScript

$instagrams = $('.instagrams');

$.ajax({
  type: "GET",
  url: "https://api.instagram.com/v1/media/popular?client_id=2751b9d3ef1948da8c6eeceefe3fb718&count=3",
  dataType: "jsonp",
  success: function (json) {
    $(json.data).each(function(e) {
      $instagrams.append(
        '<div class="instagram">' +
          '<div class="user">' +
            '<img src="' + this.user.profile_picture + '" />' +
            '<h1>' + this.user.full_name + '</h1>' +
          '</div>' +
          '<img src="' + this.images.low_resolution.url + '" />' +
        '</div>'
      );
    });
  }
});