JSFiddle - React, Tailwind, and code Playground

by Dyaa Eldin Moustafa

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-resource.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular-route.min.js"></script>
<div ng-app="app">
    <div ng-controller="MonitorCtrl">
        <p>{{ monitors.jsonUptimeRobotApi }}</p>
    </div>
    
</div>

JavaScript

var myApp = angular.module('app', ['ngResource']);

myApp.factory('Monitor', ['$resource', function($resource){
	return $resource('https://api.uptimerobot.com/getMonitors?limit=1&format=json&apiKey=m776563718-fc6ba887128adb6fd0a1dad1', {
		query: {
			method:'GET'
		}
	});
}]);

myApp.controller('MonitorCtrl',['$scope', 'Monitor', function($scope, Monitor) {
	$scope.monitors = Monitor.query();
}]);