clean all the useless things

frontend/src/components/BurgerMenu.vue

@@ -5,8 +5,8 @@
 
     <!-- Classic Menu -->
     <nav role="navigation" id="topnav_menu">
-      <a class="topnav_link" href="/addUsers">ADD USER</a>
-      <a class="topnav_link" href="/counter">COUNTER</a>
+      <a class="topnav_link" href="/addUsers">INSCRIPTION</a>
+      <a class="topnav_link" href="/Connexion">CONNEXION</a>
       <a class="topnav_link" href="/users">USER</a>
     </nav>
 
@@ -21,7 +21,7 @@
     <nav role="navigation" id="topnav_responsive_menu">
       <ul>
         <li><a href="/">HOME</a></li>
-        <li><a href="/addUsers">ADD USER</a></li>
+        <li><a href="/addUsers">INSCRIPTION</a></li>
         <li><a href="/contact-us">CONTACT</a></li>
         <li><a href="/privacy-policy">PRIVACY POLICY</a></li>
         <li><a href="/terms-and-conditions">TERMS AND CONDITIONS</a></li>

frontend/src/components/MovieType.vue

@@ -26,7 +26,7 @@
     display: flex;
     flex-direction: column;
     margin-left: 20px;
-    background-color: #912F56;
+    background-color: #449DD1;
     width: 200px;
     border-radius: 20px;
     color:white;

frontend/src/components/SearchBar.vue

@@ -14,21 +14,15 @@ export default  {
     };
   },
   methods: {
-    fetchMovies: function () {
-      axios
-        .get(
-          `https://api.themoviedb.org/3/movie/popular?api_key=522d421671cf75c2cba341597d86403a`
-        )
-        .then((response) => {
-          this.movies = response.data.results;
-        })
-        .catch((error) => {
-          this.moviesLoadingError = "An error occured while e ing movies.";
-          console.error(error);
-        });
-    },
-  },
+    search_movie: function () {
+    let input = document.getElementById('searchbar').value
+    input=input.toLowerCase();
+    let x = document.getElementsByClassName('movies');
+
+    }
+}
   };
+
 </script>
 
 <style scoped>

frontend/src/router/index.js

 import { createRouter, createWebHistory } from "vue-router";
 import Home from "../views/Home.vue";
-import Counter from "../views/Counter.vue";
+import Connexion from "../views/Connexion.vue";
 import Users from "../views/Users.vue";
 import AddUser from "../views/AddUsers.vue";
 
@@ -11,9 +11,9 @@ const routes = [
     component: Home,
   },
   {
-    path: "/counter",
-    name: "Counter",
-    component: Counter,
+    path: "/Connexion",
+    name: "Connexion",
+    component: Connexion,
   },
   {
     path: "/users",

frontend/src/views/Connexion.vue

+<template>
+  <h1>This is a Connexion example</h1>
+  <div class="Connexion-value">Connexion value is: {{ Connexion }}</div>
+  <button @click="increment()">Increment</button>
+</template>
+
+<script>
+export default {
+  name: "Connexion",
+  data: function () {
+    return {
+      Connexion: 0,
+    };
+  },
+  methods: {
+    increment: function () {
+      this.Connexion++;
+    },
+  },
+};
+</script>
+
+<style scoped>
+.Connexion-value {
+  margin-bottom: 5px;
+}
+</style>

frontend/src/views/Home.vue

@@ -20,7 +20,6 @@
   <div class="type">
     <MovieType />
   </div>
-    <div class="film-name">Le film est : {{ moviename }}</div>
     <li v-for="movie in movies" :key="movie.id">
       <p class="movie-title">
         {{ movie.title }}