JSFiddle - React, Tailwind, and code Playground

JavaScript

angular.module('starter.services', [])

.service('AuthService', function($q, $http) {
  var LOCAL_TOKEN_KEY = '';
  var username = '';
  var isAuthenticated = false;
  var role = '';
 // var authToken;

  function storeUserCredentials(token) {
    LOCAL_TOKEN_KEY=token;
    //console.log(LOCAL_TOKEN_KEY);
    //useCredentials(token);
  }

  function useCredentials(name) {
    username = name;
    isAuthenticated = true;
    //authToken = token;

    
    // Set the token as header for your requests!
    //$http.defaults.headers.common['X-Auth-Token'] = token;
  }

  function destroyUserCredentials() {
    authToken = undefined;
     username= " ";
    isAuthenticated = false;
   // $http.defaults.headers.common['X-Auth-Token'] = undefined;
    window.localStorage.removeItem(LOCAL_TOKEN_KEY);
    window.localStorage.clear();
  }

  var login = function(name, pw) {
      return $q(function(resolve, reject) {
       $http.post('http://192.168.173.1//ProjectF/lecturerquery.php',{'pin':pw}).then(
      function(result) {
        // No result here..
        var re=result.data.split(",");
        console.log(re[3]);
        if ((re[0] == 0 )) {
        // Make a request and receive your auth token from your server
        storeUserCredentials(re[2]);
        useCredentials(re[1]+" "+re[3]+" "+re[4]);
        console.log(LOCAL_TOKEN_KEY);
        resolve('Login success.');
      } else if(result.data == 1) {
        reject('Login Failed.');
      }
    

      }, function(err) {
       // $scope.response = err.records;
       console.log("error");
      
      });

      
    });
  };

  var logout = function() {
    destroyUserCredentials()
  };

  var isAuthorized = function(authorizedRoles) {
    if (!angular.isArray(authorizedRoles)) {
      authorizedRoles = [authorizedRoles];
    }
    return (isAuthenticated && authorizedRoles.indexOf(role) !== -1);
  };

  

  return {
    login: login,
    logout: logout,
    isAuthorized: isAuthorized,
    isAuthenticated:...