diff --git a/backend/routes/users.js b/backend/routes/users.js
index 63976df41ff6922b9dae70c09bb006ae997104be..e880731e9c296deb07889097f0ab4cd863c97efc 100644
--- a/backend/routes/users.js
+++ b/backend/routes/users.js
@@ -9,6 +9,14 @@ router.get("/", function (req, res) {
   });
 });
 
+router.get("/likedMovies/:userId", async function (req, res) {
+  const userId = await req.params["userId"];
+  const userPopulated = await UserModel.findById(userId).populate(
+    "liked_movies"
+  );
+  res.send(userPopulated.liked_movies);
+});
+
 router.get("/isliked/:movieId/:userId", async function (req, res) {
   const userId = await req.params["userId"];
   console.log(userId);
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index dfb02bc3c5916c84ededc7ee60098185d76bbcfe..9654bd05beb68edf010504a101e5d901ca07e519 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -3,6 +3,7 @@ import Home from "../views/Home.vue";
 import Connexion from "../views/Connexion.vue";
 import Users from "../views/Users.vue";
 import AddUser from "../views/AddUsers.vue";
+import MoviePage from "../views/MoviePage";
 
 const routes = [
   {
@@ -25,6 +26,11 @@ const routes = [
     name: "AddUsers",
     component: AddUser,
   },
+  {
+    path: "/movie/:id",
+    name: "MoviePage",
+    component: MoviePage,
+  },
 ];
 
 const router = createRouter({
diff --git a/frontend/src/views/Users.vue b/frontend/src/views/Users.vue
index 20135215a6b9ff3f3ff6a2c193bac407f2dac994..6eb5dea5e1954c86b34c3ec8ca2770c516cc2d2b 100644
--- a/frontend/src/views/Users.vue
+++ b/frontend/src/views/Users.vue
@@ -1,20 +1,50 @@
 <template>
-<header>
-<div class="user">
-    <img class="photo" src="../assets/placeholder.jpeg" />
-    <br >
-  <div class="name">
-    <h1>Jeanne Dupont</h1>
+  <header>
+    <div class="user">
+      <img class="photo" src="../assets/placeholder.jpeg" />
+      <br />
+      <div class="name">
+        <h1>Jeanne Dupont</h1>
+      </div>
+    </div>
+  </header>
+  <div class="like">
+    <h4 class="texte">Films que vous avez aimés ></h4>
   </div>
-</div>
-</header>
-<div class="like">
-    <h4 class="texte" >Films que vous avez aimés ></h4>
-</div>
+  <div>{{ likedFilms }}</div>
 </template>
 
 <script>
+import axios from "axios";
+const backendURL = process.env.VUE_APP_BACKEND_BASE_URL;
 
+export default {
+  data: function () {
+    return {
+      likedFilms: [],
+    };
+  },
+  methods: {
+    getLiked: async function () {
+      try {
+        const likedFilms = await axios.get(
+          backendURL + "/users/likedMovies/" + this.userId
+        );
+        return likedFilms.data;
+      } catch (error) {
+        console.log(error);
+      }
+    },
+  },
+  created() {
+    this.userId = this.$route.query.uid;
+    this.getLiked().then((results) => {
+      console.log(results);
+      this.likedFilms = results;
+    });
+    console.log(this.userId);
+  },
+};
 </script>
 
 <style scoped>
@@ -35,20 +65,19 @@
 .like {
   text-align: center;
   display: flex;
-  background-color: #912F56;
+  background-color: #912f56;
   color: white;
   max-height: 100px;
   justify-content: center;
   max-width: 250px;
-  border-radius:10px;
-  margin-left:20px;
+  border-radius: 10px;
+  margin-left: 20px;
 }
 .texte {
-  justify-items:flex-end;
+  justify-items: flex-end;
   margin-left: 5px;
 }
 .name {
-  background-color: #EAF2EF;
+  background-color: #eaf2ef;
 }
-
-</style> 
\ No newline at end of file
+</style>