diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html
index 6fee632..02034b5 100644
--- a/src/app/navbar/navbar.component.html
+++ b/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">{{username}}</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>
diff --git a/src/app/navbar/navbar.component.ts b/src/app/navbar/navbar.component.ts
index 8e29f4e..33f34f3 100644
--- a/src/app/navbar/navbar.component.ts
+++ b/src/app/navbar/navbar.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { User } from '../services/user.service';
 
 @Component({
   selector: 'app-navbar',
@@ -9,6 +10,19 @@ export class NavbarComponent implements OnInit {
 
   constructor() { }
 
+  username:string;
+
+  isLoggedin(){
+
+    const name_exists = localStorage.getItem('username');
+    if(name_exists){
+      this.username = name_exists;
+      return true;
+    }
+    else{
+      return false;
+    }
+  }
   ngOnInit() {
   }
 
diff --git a/src/app/services/authentication.service.ts b/src/app/services/authentication.service.ts
index 449aec4..97e40e9 100644
--- a/src/app/services/authentication.service.ts
+++ b/src/app/services/authentication.service.ts
@@ -18,6 +18,9 @@ import { Injectable } from '@angular/core';
      body.set('username', user.username);
      body.set('password', user.password);
 
+     // Store Username in Local Storage
+     localStorage.setItem('username',user.username);
+
      const options = {
        headers: new HttpHeaders().set('Content-Type', 'application/x-www-form-urlencoded')
                                  .set('Access-Control-Allow-Origin', '*')