diff --git a/frontend/allowance-planner-v2/src/app/pages/edit-task/edit-task.page.ts b/frontend/allowance-planner-v2/src/app/pages/edit-task/edit-task.page.ts
index 65c78ce..9f9c5be 100644
--- a/frontend/allowance-planner-v2/src/app/pages/edit-task/edit-task.page.ts
+++ b/frontend/allowance-planner-v2/src/app/pages/edit-task/edit-task.page.ts
@@ -45,8 +45,8 @@ export class EditTaskPage implements OnInit {
         this.form.setValue({
           name: task.name,
           reward: task.reward,
-          assigned: task.assigned
-        })
+          assigned: task.assigned !== null ? task.assigned : 0
+        });
       });
     }
   }
@@ -66,7 +66,9 @@ export class EditTaskPage implements OnInit {
 
     if (this.isAddMode) {
       this.taskService.createTask(task);
-    } else {}
+    } else {
+      this.taskService.updateTask(this.id, task);
+    }
 
     this.router.navigate(['/tabs/tasks']);
   }
diff --git a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.html b/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.html
index 7507d9b..6db0fb9 100644
--- a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.html
+++ b/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.html
@@ -15,7 +15,7 @@
       <mat-icon>filter_alt</mat-icon>
     </div>
     <div class="list">
-      <div class="task" *ngFor="let task of tasks$ | async">
+      <div class="task" (click)="updateTask(task.id)" *ngFor="let task of tasks$ | async">
         <button>Done</button>
         <div class="name">{{ task.name }}</div>
         <div
diff --git a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts b/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts
index f5970db..da2c1d4 100644
--- a/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts
+++ b/frontend/allowance-planner-v2/src/app/pages/tasks/tasks.page.ts
@@ -36,4 +36,8 @@ export class TasksPage implements ViewWillEnter {
   createTask() {
     this.router.navigate(['add'], { relativeTo: this.route });
   }
+
+  updateTask(id: number) {
+    this.router.navigate(['edit', id], { relativeTo: this.route });
+  }
 }
diff --git a/frontend/allowance-planner-v2/src/app/services/task.service.ts b/frontend/allowance-planner-v2/src/app/services/task.service.ts
index ed1179b..a4c74bf 100644
--- a/frontend/allowance-planner-v2/src/app/services/task.service.ts
+++ b/frontend/allowance-planner-v2/src/app/services/task.service.ts
@@ -22,4 +22,8 @@ export class TaskService {
     createTask(task: Partial<Task>) {
         this.http.post(`${this.url}/tasks`, task).subscribe();
     }
+
+    updateTask(id: number, task: Partial<Task>) {
+        this.http.put(`${this.url}/task/${id}`, task).subscribe();
+    }
 }
\ No newline at end of file