Untitled

index.html

<DOCTYPE>
<html>
<head>
	<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

  <title>Angular | Login App</title>


<script src="angular-1.6.1/angular.min.js"></script>
<script src="angular-1.6.1/angular-route.min.js"></script>
<script src="controllers/controller.js"></script>

</head>

<body ng-app="mainApp">
  <div ng-view></div>

</body>

</html>


login.html

<div ng-controller="loginCtrl">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<div class="container">
<div class="jumbotron"><h2>Login Page</h2></div>
 <form action="/" role="form" id ="myLogin" name="form1">
        <div class="col-md-4">
          <div class="form-group">
            <input type="text" class="form-control" placeholder="username" ng-model="username"/>
          </div>

          <div class="form-group">
            <input type="password" class="form-control" placeholder="password" ng-model="password"/>
          </div>

          <div class="form-group">
            <button type="submit" class="btn btn-success" ng-click="submit()" ng-disabled="form1.$invalid">Login</button>

          </div>

        </div>
      </form>
      </div>
      </div>


controller.js

var app = angular.module('mainApp', ['ngRoute']);

app.config['$routeProvider',(function($routeProvider){
  $routeProvider
  .when('/', {
      templateUrl: 'login.html'
      controller: 'loginCtrl'
  });
  $routeProvider
  .when('/dashboard', {
    templateUrl: 'dashboard.html'
  });
  $routeProvider
  .when('/error', {
    templateUrl: 'error.html'
  });
  $routeProvider
  .otherwise({
    redirectTo: '/'
  });

}]);

app.controller('loginCtrl', function($scope, $location){
  $scope.submit = function(){
    var uname = $scope.username;
    var password = $scope.password;
    if($scope.username == 'admin' && $scope.password == 'admin')
      {$location.path('/dashboard');}

    else {$location.path('/error');}

  };
});


server.js
 var express  = require('express');
    var app      = express();                               // create our app w/ express


    app.use(express.static(__dirname + '/public'));
    app.get('/', function(req,res){
    	 	res.send("Hello World from server.js")
    })

// listen (start app with node server.js)
    app.listen(8080);
    console.log("App listening on port 8080");