diff --git a/front/MyINPulse-front/src/router/router.ts b/front/MyINPulse-front/src/router/router.ts
index 6883c33..a585f8a 100644
--- a/front/MyINPulse-front/src/router/router.ts
+++ b/front/MyINPulse-front/src/router/router.ts
@@ -19,11 +19,11 @@ const router = createRouter({
     },
 
 // route pour les canvas (made by adnane), in fact the two vue apps are separated for now  
-    {
+    /*{
       path: '/canvas',
       name: 'canvas',
       component: () => import('../views/CanvasView.vue'),
-    },
+    },*/
   ],
 })
 
diff --git a/front/MyINPulse-front/src/views/AdminMain.vue b/front/MyINPulse-front/src/views/AdminMain.vue
index bdbc989..0e37829 100644
--- a/front/MyINPulse-front/src/views/AdminMain.vue
+++ b/front/MyINPulse-front/src/views/AdminMain.vue
@@ -18,13 +18,63 @@
 </template>
 
 <script setup lang="ts">
-import Header from '../components/HeaderComponent.vue';
-import Agenda from "../components/Agenda.vue"
-import ProjectComp from '../components/ProjectComponent.vue';
+import { ref, onMounted } from "vue";
+import { callApi } from "@/services/api";
 
-import { ref } from "vue";
+import Header from "../components/HeaderComponent.vue";
+import Agenda from "../components/Agenda.vue";
+import ProjectComp from "../components/ProjectComponent.vue";
 
-const projects = ref([
+
+const PORT = "8081";
+const URI = `http://localhost:${PORT}`;
+
+const projects = ref<{ name: string; link: string; members: string[] }[]>([]);
+
+const fetchProjects = () => {
+  callApi(
+    `${URI}/admin/projects`,
+    async (response) => {
+      console.log(response);
+      const projectList = response.data;
+
+      const projectPromises = projectList.map((project: any) => {
+        return new Promise(async (resolve) => {
+          callApi(
+            `${URI}/shared/projects/entrepreneurs/${project.idProject}`,
+            (memberResponse) => {
+              const members = memberResponse.data.map((m: any) => m.userName);
+              resolve({
+                name: project.projectName,
+                link: `/project/${project.idProject}`,
+                members,
+              });
+            },
+            () => {
+              // Error fetching members, still resolve with empty members
+              resolve({
+                name: project.projectName,
+                link: `/project/${project.idProject}`,
+                members: [],
+              });
+            }
+          );
+        });
+      });
+
+      projects.value = await Promise.all(projectPromises);
+    },
+    (error) => {
+      console.error("Error fetching projects:", error);
+    }
+  );
+};
+
+onMounted(fetchProjects);
+
+
+
+/*const projects = ref([
   {
     name: "Projet Alpha",
     link: "/canvas", // to test
@@ -36,7 +86,7 @@ const projects = ref([
     members: ["David", "Eve", "Frank"],
   },
 ]);
-
+*/
 const rendezVous = ref([
   { projectName: "Projet Alpha", date: "2025-03-10", lieu: "P106" },
   { projectName: "Projet Beta", date: "2025-04-15", lieu: "Td10" },