diff --git a/src/app/self-service/task-management/task-management.component.ts b/src/app/self-service/task-management/task-management.component.ts
index 71b1aaf36..ca4382c56 100644
--- a/src/app/self-service/task-management/task-management.component.ts
+++ b/src/app/self-service/task-management/task-management.component.ts
@@ -1,10 +1,22 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
 @Component({
   selector: 'mifosx-task-management',
   templateUrl: './task-management.component.html',
   styleUrls: ['./task-management.component.scss']
 })
-export class TaskManagementComponent {
-  constructor() {}
+export class TaskManagementComponent implements OnInit {
+  tasks: Array<any>;
+
+  constructor() {
+    this.tasks = [];
+  }
+
+  ngOnInit(): void {
+    this.loadTasks();
+  }
+
+  loadTasks(): void {
+    // logic to load tasks
+  }
 }