JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://oauth.io/lib/oauth.js"></script>
<div class="row" ng-controller="ShowTumblr">
  <button ng-hide="connected">Connect with tumblr</button>
  <div ng-show="connected" class="col-md-12" ng-repeat="x in posts">
    <a ng-href="{{ x.image_permalink }}" target="_blank">
      <img ng-src="{{ x.photos[0].alt_sizes[1].url }}" alt=""/>
    </a>
  </div>
</div>

JavaScript

angular.module('instafeed', [])
  .controller('ShowTumblr', function($scope) {
    OAuth.initialize('MpnCNnhVAq_zL089ua883AevC1o');
    $scope.connected = false
    $scope.posts = []
    var endpoint = 'https://api.tumblr.com/v2/user/dashboard';
    OAuth.popup('tumblr', {cache: true}).then(function(result) {
        return result.get(endpoint)
    }).then(function(data){
        $scope.connected = true;
        $scope.posts = data.response.posts;
        $scope.$apply()
    });
  });