diff --git a/.gitignore b/.gitignore
index 534f59e..d8049bb 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 /tos.html-old
 /sitemap.xml
+/staff/tasks.json
diff --git a/staff/load_tasks.php b/staff/load_tasks.php
index 0a78ead..641873b 100644
--- a/staff/load_tasks.php
+++ b/staff/load_tasks.php
@@ -1,5 +1,5 @@
 <?php
-// Load tasks from the flat-file database (tasks.txt)
-$tasks = file_exists("tasks.txt") ? explode("\n", file_get_contents("tasks.txt")) : [];
+// Load tasks from the flat-file database (tasks.json)
+$tasks = file_exists("tasks.json") ? json_decode(file_get_contents("tasks.json")) : [];
 echo json_encode($tasks);
 ?>
diff --git a/staff/save_tasks.php b/staff/save_tasks.php
index 7aaa6d0..1e4a1ea 100644
--- a/staff/save_tasks.php
+++ b/staff/save_tasks.php
@@ -1,8 +1,9 @@
 <?php
 if ($_SERVER["REQUEST_METHOD"] == "POST") {
     $data = json_decode(file_get_contents("php://input"), true);
-
+var_dump($data);
     // Store tasks in a flat-file database (tasks.txt)
-    file_put_contents("tasks.txt", implode("\n", $data["tasks"]));
+    $ret = file_put_contents("tasks.json", json_encode($data["tasks"], JSON_PRETTY_PRINT));
+    var_dump($ret);
 }
 ?>
diff --git a/staff/todo.html b/staff/todo.html
index 2b66a62..52a7503 100644
--- a/staff/todo.html
+++ b/staff/todo.html
@@ -57,8 +57,35 @@
 
     <script>
         function addTask() {
-            // Existing addTask function remains the same
+            var taskInput = document.getElementById("taskInput");
+            var assigneeInput = document.getElementById("assigneeInput");
+            var taskList = document.getElementById("taskList");
 
+            if (taskInput.value.trim() === "") {
+                alert("Please enter a task!");
+                return;
+            }
+
+            var listItem = document.createElement("li");
+            listItem.className = "taskItem";
+
+            var taskText = document.createTextNode(taskInput.value + " - Assigned to: " + assigneeInput.value);
+            listItem.appendChild(taskText);
+
+            var deleteButton = document.createElement("span");
+            deleteButton.className = "deleteButton";
+            deleteButton.innerHTML = "Delete";
+            deleteButton.onclick = function() {
+                taskList.removeChild(listItem);
+                saveTasks();  // Save tasks after deleting one
+            };
+
+            listItem.appendChild(deleteButton);
+
+            taskList.appendChild(listItem);
+
+            taskInput.value = "";
+            assigneeInput.value = "";
             saveTasks();  // Save tasks after adding one
         }