diff --git a/src/app/services/loading.service.spec.ts b/src/app/services/loading.service.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b6518ad6038a517cbf5029d82ce0746ba387f93c
--- /dev/null
+++ b/src/app/services/loading.service.spec.ts
@@ -0,0 +1,12 @@
+import { TestBed } from '@angular/core/testing';
+
+import { LoadingService } from './loading.service';
+
+describe('LoadingService', () => {
+  beforeEach(() => TestBed.configureTestingModule({}));
+
+  it('should be created', () => {
+    const service: LoadingService = TestBed.get(LoadingService);
+    expect(service).toBeTruthy();
+  });
+});
diff --git a/src/app/services/loading.service.ts b/src/app/services/loading.service.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a183dd6a149ac5fdfee721350c7966377f676b9f
--- /dev/null
+++ b/src/app/services/loading.service.ts
@@ -0,0 +1,30 @@
+import { Injectable } from '@angular/core';
+import { LoadingController } from '@ionic/angular';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class LoadingService {
+  loaderToShow: any;
+
+  constructor(
+    public loadingController: LoadingController
+  ) {
+  }
+
+  showLoader(message = 'loading...') {
+    this.loaderToShow = this.loadingController.create({
+      message: message
+    }).then((res) => {
+      res.present();
+
+      res.onDidDismiss().then((dis) => {
+        console.log('Loading dismissed!');
+      });
+    });
+  }
+
+  hideLoader() {
+    this.loadingController.dismiss();
+  }
+}