diff --git a/src/pages/profile/profile.html b/src/pages/profile/profile.html
index 3f54b628..0f31ec63 100644
--- a/src/pages/profile/profile.html
+++ b/src/pages/profile/profile.html
@@ -102,7 +102,7 @@
   <div class="buttons-div">
   <button ion-button class="buttons1" outline color="dark">Edit Profile</button>
 
-  <button ion-button outline class="buttons1" color="dark">Logout</button>
+  <button ion-button outline class="buttons1" color="dark" (click)='onLogout()'>Logout</button>
   </div>
   
 </ion-content>
diff --git a/src/pages/profile/profile.ts b/src/pages/profile/profile.ts
index 8345c7b0..b0fdd964 100644
--- a/src/pages/profile/profile.ts
+++ b/src/pages/profile/profile.ts
@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { NavController, NavParams } from 'ionic-angular';
+import { UserProvider } from '../../providers/user/user';
 
 /**
  * Generated class for the ProfilePage page.
@@ -14,11 +15,19 @@ import { NavController, NavParams } from 'ionic-angular';
 })
 export class ProfilePage {
 
-  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  constructor(public navCtrl: NavController, public navParams: NavParams, public user :UserProvider) {
   }
 
   ionViewDidLoad() {
     console.log('ionViewDidLoad ProfilePage');
   }
 
+  onLogout() {
+    this.user.logoutUser(window.sessionStorage.getItem('token'))
+      .subscribe( response => {
+        console.log('onsubscibe-logout')
+        window.sessionStorage.clear()
+      })
+  }
+
 }
diff --git a/src/providers/user/user.ts b/src/providers/user/user.ts
index 6f87acd7..832fddf8 100644
--- a/src/providers/user/user.ts
+++ b/src/providers/user/user.ts
@@ -32,7 +32,13 @@ export class UserProvider {
     return this.http.post(this.requestUrl + '/appUsers/login', creds);
   }
 
+  logoutUser(token:any) {
+    console.log('onservice-logout')
+    return this.http.post(this.requestUrl + "/appUsers/logout", token )
+  }
+  
   getUser(id) {
     return this.http.get(this.requestUrl + '/appUsers/' + id)
+
   }
 }