feat: Implement task management features in project and user task pages

- Enhanced TaskListPage to manage tasks with CRUD operations, including adding, editing, and deleting tasks.
- Integrated category management for tasks, allowing users to select categories based on the project.
- Improved user assignment functionality, enabling selection of users assigned to tasks.
- Added Kanban board for visual task management, supporting drag-and-drop functionality for task categorization.
- Updated MyTasks page to handle task creation and editing with improved user experience.
- Introduced API integration for categories, allowing dynamic loading of categories based on the selected project.
- Refactored task data structures to support multiple assignees and improved user resolution for task assignments.

Author: batdimoiprint

Flowboard-Project-Management-System-Backend.http

@@ -4,7 +4,7 @@
 ### Public - Auth - Done
 ### ===============================
 
-### Auth - Register - Frontend Backend
+### Auth - Register
 # @name register
 POST {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/auth/register
 Content-Type: application/json
@@ -21,33 +21,27 @@ Content-Type: application/json
   "password": "Hatdog21!"
 }
 
-### Auth - Login - Frontend Backend
+### Auth - Login
 # @name login
 POST {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/auth/login
 Content-Type: application/json
 
 {
-  "UserNameOrEmail": "johnkennyreyes21@gmail.com",
-  "password": "Sanagumana21!"
+  "UserNameOrEmail": "johnkennyreyes21gmail.com",
+  "password": "Hatdog21!"
 }
 
 ### ===============================
 ### Users
 ### ===============================
 
-
-### Users - Get ALL Users (Protected) - Frontend Backend
-GET {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/users/
-Authorization: Bearer {{login.response.body.token}}
-Accept: application/json
-
-### Users - Get by ID (Protected) - Frontend Backend
+### Users - Get by ID (Protected)
 GET {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/users/{{login.response.body.user.id}}
 Authorization: Bearer {{login.response.body.token}}
 Accept: application/json
 
 
-### Users - Update (Replace) - UPDATE - Frontend Backend
+### Users - Update (Replace) - UPDATE - Works
 PATCH  {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/users/{{login.response.body.user.id}}
 Content-Type: application/json
 Authorization: Bearer {{login.response.body.token}}
@@ -57,7 +51,7 @@ Authorization: Bearer {{login.response.body.token}}
 }
 
 
-### Patch - Update Password (server must hash before save) - Frontend Backend
+### Patch - Update Password (server must hash before save) - Works
 PATCH {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/users/{{login.response.body.user.id}}
 Content-Type: application/json
 Authorization: Bearer {{login.response.body.token}}
@@ -71,19 +65,15 @@ Authorization: Bearer {{login.response.body.token}}
 ### Projects
 ### ===============================
 
-### Projects - Create (Protected) - Works - Frontend - Backend
+### Projects - Create (Protected) - Works
 # @name createProject
 POST {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/projects
 Content-Type: application/json
 Authorization: Bearer {{login.response.body.token}}
 
 {
   "projectName": "IPT102",
-  "description": "Project Management System",
-    "teamMembers": [
-    "691989a863538927dd65315c",
-    "690d04b90943671dbf22f65e"
-  ]
+  "description": "Project Management System"
 }
 
 
@@ -94,12 +84,12 @@ Accept: application/json
 
 ### Projects - Get by ID (Protected) - Works
 # @name getProject
-GET {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/projects/{{createProject.response.body.id}}
+GET {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/projects/6919d3b0a66df6db05f2567b
 Authorization: Bearer {{login.response.body.token}}
 Accept: application/json
 
 ### Projects - Update (Protected) - Works
-PATCH {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/projects/{{createProject.response.body.id}}
+PATCH {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/projects/6919d3b0a66df6db05f2567b
 Content-Type: application/json
 Authorization: Bearer {{login.response.body.token}}
 
@@ -129,7 +119,11 @@ Authorization: Bearer {{login.response.body.token}}
   "teamMembers": [
     "691989a863538927dd65315c",
     "690d04b90943671dbf22f65e"
-  ]
+  ],
+  "permissions": {
+    "691989a863538927dd65315c": "Editor",
+    "690d04b90943671dbf22f65e": "Team Member"
+  }
 }
 
 ### Projects - Remove Single Member (Protected) - Work
@@ -142,7 +136,12 @@ Authorization: Bearer {{login.response.body.token}}
 }
 
 ### Projects - Delete (Protected)
-DELETE {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/projects/{{createProject.response.body.id}}
+DELETE {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/projects/6919c7caba3bf16fa679bc92
+Authorization: Bearer {{login.response.body.token}}
+
+### Projects - Leave Project (Protected) - Self removal
+DELETE {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/projects/{{createProject.response.body.id}}/leave
+Content-Type: application/json
 Authorization: Bearer {{login.response.body.token}}
 
 ### ===============================
@@ -174,6 +173,16 @@ Authorization: Bearer {{login.response.body.token}}
   ]
 }
 
+### Tasks - Get Task from logged in user and assigned by other (Protected)
+GET {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/tasks/user/{{login.response.body.user.id}}
+Authorization: Bearer {{login.response.body.token}}
+Accept: application/json
+
+### Tasks - Get tasks for current authenticated user (shortcut)
+GET {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/tasks/me
+Authorization: Bearer {{login.response.body.token}}
+Accept: application/json
+
 ### Tasks - Get All (Protected) - Works
 GET {{Flowboard_Project_Management_System_Backend_HostAddress}}/api/tasks
 Authorization: Bearer {{login.response.body.token}}

src/components/apis/README.md

@@ -1,7 +1,7 @@
 import axios from 'axios';
 
-export const API_BASE_URL = "https://flowboard-backend.azurewebsites.net/";
-// export const API_BASE_URL = "http://localhost:5158/";
+// export const API_BASE_URL = "https://flowboard-backend.azurewebsites.net/";
+export const API_BASE_URL = "http://localhost:5158/";
 
 const axiosInstance = axios.create({
     baseURL: API_BASE_URL,

src/components/apis/axiosInstance.ts

@@ -0,0 +1,26 @@
+import axiosInstance from './axiosInstance';
+
+export interface Category {
+    id: string;
+    projectId: string;
+    categoryName: string;
+    createdBy: string;
+}
+
+export const categoriesApi = {
+    getCategoriesByProject: async (projectId: string): Promise<Category[]> => {
+        const response = await axiosInstance.get<Category[]>('/api/categories', {
+            params: { projectId }
+        });
+        return response.data;
+    },
+
+    createCategory: async (categoryData: Omit<Category, 'id'>): Promise<Category> => {
+        const response = await axiosInstance.post<Category>('/api/categories', categoryData);
+        return response.data;
+    },
+
+    deleteCategory: async (categoryId: string): Promise<void> => {
+        await axiosInstance.delete(`/api/categories/${categoryId}`);
+    }
+};

src/components/apis/categories.ts

@@ -2,4 +2,5 @@ export * from './auth';
 export * from './tasks';
 export * from './users';
 export * from './projects';
+export * from './categories';
 export { default as axiosInstance } from './axiosInstance';

src/components/apis/index.ts

@@ -78,4 +78,9 @@ export const projectsApi = {
         const response = await axiosInstance.delete<Project>(`/api/projects/${projectId}/member`, { data: payload });
         return response.data;
     },
+
+    leaveProject: async (projectId: string): Promise<Project> => {
+        const response = await axiosInstance.delete<Project>(`/api/projects/${projectId}/leave`);
+        return response.data;
+    },
 };