diff --git a/frontend/src/Login.vue b/frontend/src/Login.vue
index 52e7e19..e0d949a 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Login.vue
@@ -1,16 +1,25 @@
+<script setup>
+	import { ref } from 'vue'
+	import { login } from './rest/Users.js'
+	
+	const username = ref("");	
+	const password = ref("");
+
+</script>
+
 <template>
   <body>
     <div class="logBoxCenterer">
       <div class='loginBox'>
-        <div class="form">
+		 <form @submit.prevent="login(username, password)" class="form">
           <h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
           <div class="inputBox">
             <p>USERNAME</p>
-            <input type="text" required>
+            <input v-model="username" type="text" required>
           </div>
           <div class="inputBox">
             <p>PASSWORD</p>
-            <input type="password" required>
+            <input v-model=password type="password" required>
           </div>
           <div class="register">
             <a>Register</a>
@@ -18,7 +27,7 @@
           <div class="inputBox">
             <input type="submit" value="Login">
           </div>
-        </div>
+        </form>
       </div>
     </div>
   </body>
diff --git a/frontend/src/rest/Users.js b/frontend/src/rest/Users.js
new file mode 100644
index 0000000..2f414df
--- /dev/null
+++ b/frontend/src/rest/Users.js
@@ -0,0 +1,5 @@
+import { restGet, restPost } from './restConsumer.js'
+
+export async function login(user, pass, exp){
+	restPost("/login", {login: user, password: pass, expiration: exp})
+}
diff --git a/frontend/src/rest/restConsumer.js b/frontend/src/rest/restConsumer.js
index b57839d..4632b5f 100644
--- a/frontend/src/rest/restConsumer.js
+++ b/frontend/src/rest/restConsumer.js
@@ -1,4 +1,4 @@
-import { getCookie } from './utils.js'
+import { getCookie } from '../utils.js'
 
 const restURL = import.meta.env.PROD ? "https://clyde.herisson.ovh/api" : "http://localhost:8080"
 
