Added Logout Feature

src/app/navbar/navbar.component.css

@@ -22,7 +22,6 @@
   margin-right: 40px;
 }
 
-
 @media all and (max-width: 600px) {
   * {
     font-size: 80%;

src/app/navbar/navbar.component.html

@@ -6,6 +6,7 @@
     <ul class="navbar-nav ml-auto">
       <li><a class="nav-link" href="#">Home</a></li>
       <li><a class="nav-link" href="#">Sign Up</a></li>
+      <li><a *ngIf="isLoggedin()" class="nav-link" href="/" (click)="logout()">Logout</a></li>
       <li><a class="nav-link" href="#"> <i class="fa fa-user"></i>&nbsp;&nbsp;<i class="fa fa-ellipsis-v"></i></a></li>
     </ul>
   </div>

src/app/navbar/navbar.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-navbar',
@@ -7,8 +8,29 @@ import { Component, OnInit } from '@angular/core';
 })
 export class NavbarComponent implements OnInit {
 
-  constructor() { }
+  constructor(private router: Router) { }
 
+  // Check if User is Logged In
+  isLoggedin(){
+    const token_exists = localStorage.getItem('token');
+    if(token_exists){ 
+      return true;
+    }
+    else{
+      return false;
+    }
+  }
+
+  logout(){
+
+    // Remove Token and expiry date
+    localStorage.removeItem('token');
+    localStorage.removeItem('expires_at');
+
+    // Redirect to home/login page
+    this.router.navigateByUrl('/');
+
+  }
   ngOnInit() {
   }