Index: ReserveNGo-frontend/src/components/Project/register_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/register_.vue	(revision 17db9d2eea15bc284d507ddc0d5ee4f93c46a7f2)
+++ ReserveNGo-frontend/src/components/Project/register_.vue	(revision a520992c763deccadf95271964e267494a005cb7)
@@ -7,4 +7,13 @@
       path: '',
       url: 'http://localhost:8080/api/auth/register/',
+      form_info:{
+        firstName: '',
+        lastName: '',
+        email: '',
+        password: '',
+        phoneNumber: '',
+
+      },
+      data: {}
 
     }
@@ -12,4 +21,13 @@
 
   methods: {
+    register() {
+      fetch(this.url+this.path, {
+        method: 'POST',
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({firstName: this.firstName, lastName: this.lastName, email: this.email, password: this.password})
+      }).then((response) => {response.json()})
+        .then((json) => this.data = json)
+
+    }
 
   },
@@ -33,19 +51,19 @@
 
   <div class="col-3">
-    <form v-bind:action="url+path" method="POST">
+    <form @submit.prevent="register()" method="POST">
       <label for="name" class="form-label" >Name</label>
-      <input type="text" id="name" name="firstName" class="form-control" placeholder="Name" required>
+      <input v-model="form_info.firstName" type="text" id="name" name="firstName" class="form-control" placeholder="Name" required>
 
       <label for="surname" class="form-label">Surname</label>
-      <input type="text" id="surname" name="lastName" class="form-control" placeholder="Surname" required>
+      <input v-model="form_info.lastName" type="text" id="surname" name="lastName" class="form-control" placeholder="Surname" required>
 
       <label for="phone_number" class="form-label">Phone Number</label>
-      <input type="text" id="phone_number" name="phoneNumber" class="form-control" required>
+      <input v-model="form_info.phoneNumber" type="text" id="phone_number" name="phoneNumber" class="form-control" required>
 
       <label for="email" class="form-label">Email Address</label>
-      <input type="email" id="email" name="email" class="form-control" placeholder="someone@example.com" required>
+      <input v-model="form_info.email" type="email" id="email" name="email" class="form-control" placeholder="someone@example.com" required>
 
       <label for="password" class="form-label">Password</label>
-      <input type="password" id="password" name="password" class="form-control">
+      <input v-model="form_info.password" type="password" id="password" name="password" class="form-control">
 
       <label for="role" class="form-label">Role</label>