JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-resource/1.6.6/angular-resource.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-resource.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.5/angular-route.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<body ng-app="app" ng-controller="mainController">
            
    <div id="test" style="position:absolute;top:0;left:0;background:#000;width:100vw;height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;"><p>{{message}}</p></div>
   
</body>

JavaScript

var app = angular.module('app', ['ngRoute']);
                                    
app.config(function($routeProvider) {
    $routeProvider
    
    .when('/', {
        templateUrl: 'index.html',
        controller: 'mainController'
    })
        
    .when('/', {
        templateUrl: 'pages/home.html',
        controller: 'mainController'
    })
})

app.controller('mainController', function($scope) {
    $scope.message = 'Main Controller Active';
})