diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..ad4b693
Binary files /dev/null and b/.DS_Store differ
diff --git a/assets/.DS_Store b/assets/.DS_Store
new file mode 100644
index 0000000..91dd371
Binary files /dev/null and b/assets/.DS_Store differ
diff --git a/assets/js/user.js b/assets/js/user.js
index 8774d12..46ef7cd 100644
--- a/assets/js/user.js
+++ b/assets/js/user.js
@@ -24,12 +24,23 @@ changeEmailBtn.addEventListener("click", function() {
 addTaskBtn.addEventListener("click", function() {
   const taskModal = document.querySelector('.add-task-modal');
   const closeTaskModalBtn = document.querySelector('.close-task-modal');
+  const submitTaskBtn = document.querySelector('.submit-add-task-btn');
   taskModal.classList.add('visible');
 
   closeTaskModalBtn.addEventListener('click', function() {
     taskModal.classList.remove("visible");
+  });
+
+  submitTaskBtn.addEventListener("click", function() {
+    const taskName = document.querySelector('.add-task-modal-name-input').value;
+    const taskDescription = document.querySelector('.add-task-modal-description-input').value;
+
+    const newTaskPromise = newTask(taskName, taskDescription, token);
+    newTaskPromise.then((res) => res.json()).then((json => {
+      console.log(json);
+    }))
   })
-})
+});
 
 // Check if the user is logged in
 const getCookie = (returnType) => {
@@ -149,4 +160,18 @@ const updateTask = (userToken, taskTitle, taskDescription, completedStatus) => {
   return res;
 }
 
+const newTask = (name, description, userToken) => {
+  const res = fetch(`${url}/user/update-tasks`, {
+    method: "PATCH",
+    headers: {Authorization: `Bearer ${userToken}`, "Content-Type": "application/json"},
+    body: JSON.stringify({
+      name: name,
+      description: description,
+      is_completed: false
+    })
+  });
+
+  return res;
+}
+
 loadUserTasks();
\ No newline at end of file
diff --git a/assets/pages/user.html b/assets/pages/user.html
index 6811cac..29e8f60 100644
--- a/assets/pages/user.html
+++ b/assets/pages/user.html
@@ -94,12 +94,12 @@
         </div>
         <div class="modal-content">
           <label for="modal-name-input">Name</label>
-          <input id="modal-name-input" class="modal-name-input" />
-          <label for="modal-description-input">Description</label>
-          <input id="modal-description-input" class="modal-description-input" />
+          <input id="add-task-modal-name-input" class="add-task-modal-name-input" placeholder="Finish work" />
+          <label for="add-task-modal-description-input">Description</label>
+          <input id="modal-description-input" class="add-task-modal-description-input" placeholder="Finish work by 5pm" />
         </div>
 
-        <button class="submit-task-btn">Save Changes</button>
+        <button class="submit-add-task-btn">Save Changes</button>
       </div>
     </section>