JSFiddle - React, Tailwind, and code Playground

by NAGA SAI AYTHA

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<div class="jumbotron text-center" ng-app="test" ng-controller="portController">
	<h1>Portfolio Home</h1>
    
    <p>{{ test }}</p>
    
    <table>
        <tr ng-repeat="project in projects">
            <td>{{project.title}}</td>
            <td>{{project.date}}</td>
        </tr>
    </table>
    
</div>

JavaScript

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

myApp.controller('portController', function($scope, $http){
    
    $scope.test = "TEST PHRASE";
    
   $http.get("https://jsonplaceholder.typicode.com/users")
    .then(function(response) {
        $scope.projects = response.data;
    });
    

});