diff --git a/front/MyINPulse-front/src/components/Project-comp.vue b/front/MyINPulse-front/src/components/Project-comp.vue
index bbdd841..5a18b6c 100644
--- a/front/MyINPulse-front/src/components/Project-comp.vue
+++ b/front/MyINPulse-front/src/components/Project-comp.vue
@@ -1,7 +1,7 @@
 <template>
-    <div class="project">
+    <div @click="goToLink" class="project">
         <div class="project-header">
-            <h2 @click="goToLink">{{ projectName }}</h2>
+            <h2 >{{ projectName }}</h2>
             <div class="project-buttons">
                 <button class="contact-btn">Contact</button>
             </div>
@@ -17,6 +17,7 @@
 
 <script setup lang="ts">
 import { defineProps } from "vue";
+import { useRouter } from 'vue-router'
 
 
 const props = defineProps<{
@@ -25,10 +26,17 @@ const props = defineProps<{
     projectLink: string;
 }>();
 
+const router = useRouter();
+
 const goToLink = () => {
-    if (props.projectLink) {
+  if (props.projectLink) {
+    router.push(props.projectLink);
+    /*
         window.location.href = props.projectLink;
+        */
+
     }
+ 
 };
 </script>
 
diff --git a/front/MyINPulse-front/src/views/AdminMain.vue b/front/MyINPulse-front/src/views/AdminMain.vue
index 0980bc3..b0f1a0a 100644
--- a/front/MyINPulse-front/src/views/AdminMain.vue
+++ b/front/MyINPulse-front/src/views/AdminMain.vue
@@ -27,12 +27,12 @@ import { ref } from "vue";
 const projects = ref([
   {
     name: "Projet Alpha",
-    link: "/project-alpha.html", // to test
+    link: "/canvas", // to test
     members: ["Alice", "Bob", "Charlie"],
   },
   {
     name: "Projet Beta",
-    link: "./project-beta.html", // to test
+    link: "./canvas", // to test
     members: ["David", "Eve", "Frank"],
   },
 ]);