diff --git a/src/app/_services/table-api.service.ts b/src/app/_services/table-api.service.ts
index 90c3ec5..5dd9a83 100644
--- a/src/app/_services/table-api.service.ts
+++ b/src/app/_services/table-api.service.ts
@@ -53,6 +53,8 @@ export class TableApiService {
   }
 
   private extractData(res: Response) {
+    console.log(res);
+    
     const body = res;
     return body || {};
   }
diff --git a/src/app/content/hemat-app/monitoring/building/building.component.ts b/src/app/content/hemat-app/monitoring/building/building.component.ts
index e38f87b..35270b3 100644
--- a/src/app/content/hemat-app/monitoring/building/building.component.ts
+++ b/src/app/content/hemat-app/monitoring/building/building.component.ts
@@ -1,6 +1,7 @@
 import { Component } from "@angular/core";
 import { TableMonitoringService } from "../monitoring.service";
 import { Router } from "@angular/router";
+import { BuildingService } from "../../service/monitoring-api.service";
 
 @Component({
   selector: "app-building",
@@ -19,6 +20,7 @@ export class BuildingComponent {
 
   constructor(
     private monitoringService: TableMonitoringService,
+    private monitoringApiService: BuildingService,
     private router: Router
   ) {}
 
@@ -46,6 +48,7 @@ export class BuildingComponent {
       },
     };
     this.fetchData();
+    this.buildingData();
   }
 
   fetchData() {
@@ -65,6 +68,12 @@ export class BuildingComponent {
     });
   }
 
+  buildingData() {
+    this.monitoringApiService.getBuildingData().subscribe((res) => {
+      console.log(res);
+    });
+  }
+
   filterRows() {
     if (!this.searchTerm) {
       this.filteredRows = [...this.data];
diff --git a/src/app/content/hemat-app/service/monitoring-api.service.ts b/src/app/content/hemat-app/service/monitoring-api.service.ts
new file mode 100644
index 0000000..53af053
--- /dev/null
+++ b/src/app/content/hemat-app/service/monitoring-api.service.ts
@@ -0,0 +1,16 @@
+import { Injectable } from "@angular/core";
+import { HttpClient, HttpHeaders  } from "@angular/common/http";
+import { Observable } from "rxjs";
+
+@Injectable({
+  providedIn: "root",
+})
+export class BuildingService {
+  constructor(private http: HttpClient) {}
+
+  getBuildingData(page: number = 1, limit: number = 10): Observable<any> {
+    const url = `http://167.86.72.99:3100/building?page=${page}&limit=${limit}`;
+    const headers = new HttpHeaders().set('Content-Type', 'application/json');
+    return this.http.get<any>(url, { headers });
+  }
+}