Index: ReserveNGo-frontend/src/App.vue
===================================================================
--- ReserveNGo-frontend/src/App.vue	(revision d10a9aa5134e3bd5c8f4c3380dde1c72f8d744e1)
+++ ReserveNGo-frontend/src/App.vue	(revision ff641e1ec407eec2b9e087c17997051078cfd90e)
@@ -22,10 +22,22 @@
   <RouterView />-->
 
-  <NavBar></NavBar>
-  <router-view/>
+  <div class="wrapper">
+    <NavBar></NavBar>
+    <main>
+      <router-view/>
+    </main>
+    <footer>
+      <div class="container-fluid">
+        <div class="row">
+          <Footer_></Footer_>
+        </div>
+      </div>
+    </footer>
+  </div>
 
 
 
-  <Footer_></Footer_>
+
+
 
 <!--  <Locale_listing_container></Locale_listing_container>
@@ -37,4 +49,14 @@
 
 <style scoped>
+
+.wrapper {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
+main {
+  flex: 1; /*istrazi*/
+}
 
 template{ background: #FBFFF1;}
Index: ReserveNGo-frontend/src/PiniaStores/restaurantStore.js
===================================================================
--- ReserveNGo-frontend/src/PiniaStores/restaurantStore.js	(revision d10a9aa5134e3bd5c8f4c3380dde1c72f8d744e1)
+++ ReserveNGo-frontend/src/PiniaStores/restaurantStore.js	(revision ff641e1ec407eec2b9e087c17997051078cfd90e)
@@ -10,5 +10,5 @@
       name: '',
       address: '',
-      workingHours: '00:50',
+      workingHours: '',
       availableServices: [],
       averageRating: 0
@@ -17,9 +17,9 @@
   },
   actions: {
-    setDetails (name, address, workingHours) {
+    setDetails (name, address, workingHours, availableServices) {
       this.name = name
       this.address = address
       this.workingHours = workingHours
-      //this.availableServices = availableServices
+      this.availableServices = availableServices
     }
   },
Index: ReserveNGo-frontend/src/components/Project/Locale_details.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Locale_details.vue	(revision d10a9aa5134e3bd5c8f4c3380dde1c72f8d744e1)
+++ ReserveNGo-frontend/src/components/Project/Locale_details.vue	(revision ff641e1ec407eec2b9e087c17997051078cfd90e)
@@ -22,8 +22,6 @@
       <p>Local details...</p>
       <p>Working hours: {{restaurantStore.workingHours}}</p>
-      <ul>
-        <li>Service 1</li>
-        <li>Service 2</li>
-        <li>Service 3</li>
+      <ul v-for="service in restaurantStore.availableServices" :key="service">
+        <li>{{service}}</li>
       </ul>
       <p>Average rating...</p>
Index: ReserveNGo-frontend/src/components/Project/Locale_listing_container.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Locale_listing_container.vue	(revision d10a9aa5134e3bd5c8f4c3380dde1c72f8d744e1)
+++ ReserveNGo-frontend/src/components/Project/Locale_listing_container.vue	(revision ff641e1ec407eec2b9e087c17997051078cfd90e)
@@ -6,54 +6,42 @@
   components: { Local_in_local_listing },
 
-
-  data(){
+  data() {
     return {
-      locale: {
+      /*locale: {
         name: 'Restaurant name',
         address: 'Restaurant address',
         workingHours: '00:00',
         availableServices: ['pet Friendly', 'WiFI'],
-        averageRating: 0
-      }
+        averageRating: 0,
+      },*/
+      locals: [],
     }
-  }
-
+  },
+  mounted() {
+     fetch('http://localhost:8080/api/locals')
+      .then(res => res.json())
+      .then(data => this.locals = data)
+       .catch(err => console.log(err));
+  },
 })
-
 </script>
 
 <template>
-
-
   <div id="container" class="border">
-
-    <div v-for="locale_ in 5" :key="locale_">
-
-      <Local_in_local_listing :name="locale.name+locale_" :address="locale.address+locale_" :workingHours="locale.workingHours+locale_" />
-<!--      <Local_in_local_listing/>-->
+    <div v-for="locale in locals" :key="locale">
+      <Local_in_local_listing
+      :local="locale"/>
+      <!--      <Local_in_local_listing/>-->
     </div>
 
-<!--    <Local_in_local_listing/>
+    <!--    <Local_in_local_listing/>
     <Local_in_local_listing/>
     <Local_in_local_listing/>
     <Local_in_local_listing/>-->
-
-
   </div>
-
-
-
-
-
 </template>
 
 <style scoped>
-
 #container {
-
-
-
 }
-
-
 </style>
Index: ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue	(revision d10a9aa5134e3bd5c8f4c3380dde1c72f8d744e1)
+++ ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue	(revision ff641e1ec407eec2b9e087c17997051078cfd90e)
@@ -87,8 +87,5 @@
 }
 
-#component{
-  width: 90%;
-  height: 5%;
-}
+
 nav{
   background: #8377D1;
Index: ReserveNGo-frontend/src/components/Project/local_in_local_listing.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/local_in_local_listing.vue	(revision d10a9aa5134e3bd5c8f4c3380dde1c72f8d744e1)
+++ ReserveNGo-frontend/src/components/Project/local_in_local_listing.vue	(revision ff641e1ec407eec2b9e087c17997051078cfd90e)
@@ -18,5 +18,5 @@
   },
   props: {
-    name: {
+   /* name: {
       type: String,
       required: true,
@@ -32,4 +32,7 @@
       required: false,
       default: "Working hours not provided"
+    },*/
+    local:{
+      required: true,
     }
   },
@@ -40,5 +43,5 @@
       let restaurantStore_ = restaurantStore()
 
-      restaurantStore_.setDetails(this.name, this.address, this.workingHours)
+      restaurantStore_.setDetails(this.local.name, this.local.address, this.local.workingHours, this.local.availableServices)
 
 
@@ -55,6 +58,6 @@
 
   <div id="container" class="border my-3 p-2" @click="handleClick()">
-<h3>{{name}}</h3>
-  <h5>{{address}}</h5>
+<h3>{{local.name}}</h3>
+  <h5>{{local.address}}</h5>
 
   </div>
Index: ReserveNGo-frontend/src/components/Project/login_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/login_.vue	(revision d10a9aa5134e3bd5c8f4c3380dde1c72f8d744e1)
+++ ReserveNGo-frontend/src/components/Project/login_.vue	(revision ff641e1ec407eec2b9e087c17997051078cfd90e)
@@ -11,5 +11,5 @@
 
       <div class="col-3">
-        <form action="" method="POST">
+        <form action="http://localhost:8080/api/auth/login" method="POST">
 
       <label for="email" class="form-label">Email</label>
Index: ReserveNGo-frontend/src/components/Project/register_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/register_.vue	(revision d10a9aa5134e3bd5c8f4c3380dde1c72f8d744e1)
+++ ReserveNGo-frontend/src/components/Project/register_.vue	(revision ff641e1ec407eec2b9e087c17997051078cfd90e)
@@ -1,3 +1,27 @@
-<script setup>
+<script>
+
+
+export default {
+  data() {
+    return {
+      path: '',
+      url: 'http://localhost:8080/api/auth/register/',
+
+    }
+  },
+
+  methods: {
+
+  },
+  /*computed: {
+    somevariabletest(){
+      return this.url+this.path;
+    }
+  }*/
+
+
+}
+
+
 
 </script>
@@ -9,13 +33,13 @@
 
   <div class="col-3">
-    <form action="" method="POST">
+    <form v-bind:action="url+path" method="POST">
       <label for="name" class="form-label" >Name</label>
-      <input type="text" id="name" name="name" class="form-control" placeholder="Name" required>
+      <input 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="surname" class="form-control" placeholder="Surname" required>
+      <input 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="phone-number" class="form-control" required>
+      <input type="text" id="phone_number" name="phoneNumber" class="form-control" required>
 
       <label for="email" class="form-label">Email Address</label>
@@ -24,4 +48,15 @@
       <label for="password" class="form-label">Password</label>
       <input type="password" id="password" name="password" class="form-control">
+
+      <label for="role" class="form-label">Role</label>
+      <select class="form-control" id="role" v-model="path">
+
+        <option value="customer">Customer</option>
+
+        <option value="local-worker">Local Worker</option>
+
+        <option value="local-manager">Local Manager</option>
+
+      </select>
 
       <button type="submit" class="btn btn-dark">Register</button>