JSFiddle - React, Tailwind, and code Playground

HTML

<html ng-app="PulseAngular">
  <head>
    <link href="../javascripts/plugins/boostrapv3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    
    <script type="text/javascript" src="../javascripts/Angular/Angularjs/angular.min.js"></script>
    <!--<script type="text/javascript" src="../javascripts/Angular/Angularjs/app.js"></script>-->
  </head>
  <body class="container" ng-controller="MeetingController as meeting">
    <div class="product row" ng-repeat="meet in meeting.meetings">
      <h3>
        {{meet.start}}
        <em class="pull-right">${{meet.end}}</em>
      </h3>
    </div>
      <script>

(function () {
    var app = angular.module('PulseAngular', /*['Meeting-Directives']*/ []);

    app.controller('MeetingController', ['$http', function ($http) {
        var office = this;
        //office.meetings = gems;
        $http.get('http://dashboard.roiltd.com/mk/events.php')
                    .success(function (data) {
          alert(data);
                        office.meetings = data;
                    })
                .error(function (data, status, headers, config, name)  {
          alert(name);
                    alert(data);
                    alert(status);
                    alert(headers);
                    alert(config);
                    //alert(data);
                });
    }]);
})();

      </script>
  </body>
</html>