Add create adn update task

backend/tasks/tasks/serializers.py

@@ -14,7 +14,7 @@ class TaskSerializer(serializers.ModelSerializer):
 class TaskCreateSerializer(serializers.ModelSerializer):
     class Meta:
         model = Todo
-        exclude = ('tags',)
+        exclude = ('tags', 'google_calendar_id', 'creation_date', 'last_update',)
 
 class ChangeTaskOrderSerializer(serializers.Serializer):
     list_board_id = serializers.IntegerField(

backend/tasks/tasks/views.py

@@ -35,7 +35,7 @@ class TodoViewSet(viewsets.ModelViewSet):
     def create(self, request, *args, **kwargs):
         try:
             new_task_data = request.data
-            new_task_data['user'] = self.request.user
+            new_task_data['user'] = self.request.user.id
             serializer = self.get_serializer(data=new_task_data)
             serializer.is_valid(raise_exception=True)
             self.perform_create(serializer)

frontend/src/components/kanbanBoard/kanbanBoard.jsx

@@ -197,18 +197,46 @@ function KanbanBoard() {
     </div>
   );
 
-  function createTask(columnId) {
+  function createTask(columnId, setTasks) {
-    const newTask = {
+    const newTaskData = {
-      id: generateId(),
+      title: `Task ${tasks.length + 1}`,
-      columnId,
+      importance: 1,
-      content: `Task ${tasks.length + 1}`,
+      difficulty: 1,
+      challenge: false,
+      fromSystem: false,
+      is_active: false,
+      is_full_day_event: false,
+      completed: false,
+      priority: 1,
+      list_board: columnId,
     };
 
-    setTasks([...tasks, newTask]);
+    axiosInstance
+      .post("todo/", newTaskData)
+      .then(response => {
+        const newTask = {
+          id: response.data.id,
+          columnId,
+          content: response.data.title,
+        };
+
+      })
+      .catch(error => {
+        console.error("Error creating task:", error);
+      });
+      setTasks(tasks => [...tasks, newTask]);
     }
 
   function deleteTask(id) {
     const newTasks = tasks.filter(task => task.id !== id);
+    axiosInstance
+      .delete(`todo/${id}/`)
+      .then(response => {
+        setTasks(newTasks);
+      })
+      .catch(error => {
+        console.error("Error deleting Task:", error);
+      });
       setTasks(newTasks);
   }
 
@@ -331,11 +359,11 @@ function KanbanBoard() {
 
         tasks[activeIndex].columnId = overId;
 
-        axiosInstance.put(`todo/change_task_list_board/`, { todo_id:activeId, new_list_board_id:overId, new_index: 0})
+        axiosInstance
-          .then(response => {
+          .put(`todo/change_task_list_board/`, { todo_id: activeId, new_list_board_id: overId, new_index: 0 })
-          })
+          .then(response => {})
           .catch(error => {
-            console.error('Error updating task columnId:', error);
+            console.error("Error updating task columnId:", error);
           });
 
         return arrayMove(tasks, activeIndex, activeIndex);