diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index ed5b8c983ae5e5b8a90615ae670cc9ac1c184da0..4723981d5aeef4f7783865519c428124f403c1ee 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -10,11 +10,14 @@ import { AppComponent } from './app.component';
 import { AppRoutingModule } from './app-routing.module';
 import { Geolocation } from '@ionic-native/geolocation/ngx';
 
+import { HttpClientModule } from '@angular/common/http';
+
 @NgModule({
   declarations: [AppComponent],
   entryComponents: [],
   imports: [
     BrowserModule,
+    HttpClientModule,
     IonicModule.forRoot(),
     AppRoutingModule
   ],
diff --git a/src/app/auth/login/login.page.html b/src/app/auth/login/login.page.html
index 34a999ea700cb1d1d2db20a52b19e2983dd3697b..7e48ede4b0cc82defc1736fd4d6ae89a55338eee 100644
--- a/src/app/auth/login/login.page.html
+++ b/src/app/auth/login/login.page.html
@@ -27,7 +27,7 @@
         </div>
 
         <div padding>
-          <ion-button size="large" expand="block" (click)="clickMe()">Login</ion-button>
+          <ion-button size="large" expand="block" (click)="login()">Login</ion-button>
         </div>
       </ion-col>
     </ion-row>
diff --git a/src/app/auth/login/login.page.ts b/src/app/auth/login/login.page.ts
index 3ea45decd64580ab59e53822420b1da161c1132f..57284beeac3c198f1199406f99500e7314f199fc 100644
--- a/src/app/auth/login/login.page.ts
+++ b/src/app/auth/login/login.page.ts
@@ -1,6 +1,9 @@
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
 
+import { Observable } from 'rxjs';
+import { HttpClient } from '@angular/common/http';
+
 @Component({
   selector: 'app-login',
   templateUrl: './login.page.html',
@@ -9,20 +12,33 @@ import { Router } from '@angular/router';
 export class LoginPage implements OnInit {
   username = "";
   password = "";
-  correctCredentials=false;
+  correctCredentials = false;
+  loginApi: Observable<any>;
 
-  constructor(private router: Router) { }
+  constructor(private router: Router, public httpClient: HttpClient) {
 
+  }
 
   ngOnInit() {
   }
-  clickMe() {
-    if (this.username === "admin" && this.password === "admin" || this.username === "demo" && this.password === "demo") {
 
-      this.router.navigateByUrl('/home');
-    }
-    else { this.correctCredentials=true; }
 
+  login() {
+    this.loginApiCall();
+  }
 
+  loginApiCall() {
+    this.loginApi = this.httpClient.post('http://193.196.52.237:8081/authenticate', {
+      "email": this.username,
+      "password": this.password
+    });
+    this.loginApi
+      .subscribe((data) => {
+        console.log('my data: ', data);
+        this.router.navigateByUrl('/home');
+      }, (error) =>  {
+        console.log(error);
+        this.correctCredentials = true;
+      });
   }
 }