JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.angularjs.org/1.2.1/angular-route.js"></script>
<div ng:app="myApp">
    <ng:view></ng:view>
</div>

JavaScript

angular.module('myApp', ['ngRoute'])
    .config(function ($routeProvider) {
    $routeProvider.when('/', {
        template: '<div>{{ response }}</div>',
        controller: 'myApp',
        resolve: {
            data: function (api) {
                var state;
                return api.loggedIn().then(function(loggedIn) {
                    state = loggedIn
                    return api.getCards();
                }).then(function(getCards) {
                    return {
                        loggedIn: state,
                        getCards: getCards
                    }
                }).catch(function(error) {
                    console.log('error', error)
                });
            }
        }
    }).otherwise({
        redirectTo: '/'
    });
})
    .controller('myApp', function ($scope, data) {
    console.log('data: ', data);
    $scope.response = data
})
    .service('api', function ($q) {
    return {
        loggedIn: function () {
            var deferred = $q.defer();
            deferred.resolve('calling loggedIn');
            //deferred.reject('error occured'); // uncoment for reject funcionality
            return deferred.promise;
        },
        getCards: function () {
            var deferred = $q.defer();
            deferred.resolve('calling getCards');
            return deferred.promise;
        }
    }
});