Index: ReserveNGo-frontend/src/App.vue
===================================================================
--- ReserveNGo-frontend/src/App.vue	(revision a520992c763deccadf95271964e267494a005cb7)
+++ ReserveNGo-frontend/src/App.vue	(revision 17bf12d01090e4cd5be0ef692e22fb445a8c6a95)
@@ -3,4 +3,9 @@
 import NavBar from './components/Project/Nav_bar_new.vue'
 import Footer_ from '@/components/Project/Footer_.vue'
+
+
+
+
+
 
 </script>
Index: ReserveNGo-frontend/src/PiniaStores/UserStore.js
===================================================================
--- ReserveNGo-frontend/src/PiniaStores/UserStore.js	(revision 17bf12d01090e4cd5be0ef692e22fb445a8c6a95)
+++ ReserveNGo-frontend/src/PiniaStores/UserStore.js	(revision 17bf12d01090e4cd5be0ef692e22fb445a8c6a95)
@@ -0,0 +1,50 @@
+
+import { defineStore } from 'pinia'
+
+
+
+export const userStore = defineStore('userStore', {
+
+  state() {
+    return {
+
+      data: {
+        id: 0,
+        firstName: "",
+        lastName: "",
+        email: "",
+        phoneNumber: "",
+        role: "UN_AUTHENTICATED",
+        token: ""
+      }
+
+    }
+  },
+  actions: {
+
+    setLocalStorage(jsonObject) {
+      //console.log("Local Storage object", jsonObject)
+
+      this.data = jsonObject
+
+      console.log("Local Storage data", this.data.firstName, this.data.lastName)
+
+      localStorage.setItem('userData', JSON.stringify(jsonObject));
+
+    },
+    getLocalStorage() {
+      let nonparsed = localStorage.getItem('userData');
+      if (nonparsed !== null) {
+        this.data = JSON.parse(nonparsed);
+      }
+    }
+
+
+  }
+
+
+
+
+
+
+})
Index: ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue	(revision a520992c763deccadf95271964e267494a005cb7)
+++ ReserveNGo-frontend/src/components/Project/Nav_bar_new.vue	(revision 17bf12d01090e4cd5be0ef692e22fb445a8c6a95)
@@ -2,4 +2,13 @@
 
 
+import { userStore } from '@/PiniaStores/UserStore.js'
+
+export default {
+  data() {
+    return {
+      userStore_: userStore()
+    }
+  }
+}
 
 
@@ -57,11 +66,14 @@
       <!-- navbar links -->
       <div class="collapse navbar-collapse justify-content-end align-center" id="main-nav">
+
         <ul class="navbar-nav">
+
           <li class="nav-item">
-            <router-link to="/favourite_locals" class="nav-link">Favourite locals </router-link>
+            <router-link v-if="this.userStore_.data.role==='ROLE_CUSTOMER'" to="/favourite_locals" class="nav-link">Favourite locals </router-link>
           </li>
           <li class="nav-item">
-            <router-link to="/my_reservations" class="nav-link">My reservations </router-link>
+            <router-link v-if="this.userStore_.data.role==='ROLE_CUSTOMER'" to="/my_reservations" class="nav-link">My reservations </router-link>
           </li>
+
           <li class="nav-item ms-2 d-none d-md-inline">
             <router-link to="/login" >
Index: ReserveNGo-frontend/src/components/Project/login_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/login_.vue	(revision a520992c763deccadf95271964e267494a005cb7)
+++ ReserveNGo-frontend/src/components/Project/login_.vue	(revision 17bf12d01090e4cd5be0ef692e22fb445a8c6a95)
@@ -1,3 +1,37 @@
-<script setup>
+<script>
+
+
+import { userStore } from '@/PiniaStores/UserStore.js'
+
+export default {
+  data() {
+    return {
+      form_info:{
+        email: '',
+        password: ''
+      },
+
+      url: 'http://localhost:8080/api/auth/login',
+
+      userStore_: userStore(),
+
+    }
+  },
+  methods: {
+   /*async makeLogin() {
+
+      await fetch(this.url, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded'},
+        body: new URLSearchParams({
+            email: this.form_info.email,
+            password: this.form_info.password
+        })
+      }).then((response) => response.json())
+        .then(json => )
+
+    }*/
+  }
+}
 
 </script>
@@ -10,12 +44,13 @@
     <div class="row justify-content-center  ">
 
+<!--      <form action="http://localhost:8080/api/auth/login" method="POST">-->
       <div class="col-3">
-        <form action="http://localhost:8080/api/auth/login" method="POST">
+        <form  v-on:submit.prevent="makeLogin">
 
-      <label for="email" class="form-label">Email</label>
-      <input name="email" id="email" class="form-control" type="email">
+      <label  for="email" class="form-label">Email</label>
+      <input v-model="this.form_info.email" name="email" id="email" class="form-control" type="email">
 
       <label for="password" class="form-label">Password</label>
-      <input name="password" id="password" type="password" class="form-control">
+      <input v-model="this.form_info.password" name="password" id="password" type="password" class="form-control">
 
         <button type="submit" class="btn btn-dark mt-2">Login</button>
Index: ReserveNGo-frontend/src/components/Project/register_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/register_.vue	(revision a520992c763deccadf95271964e267494a005cb7)
+++ ReserveNGo-frontend/src/components/Project/register_.vue	(revision 17bf12d01090e4cd5be0ef692e22fb445a8c6a95)
@@ -1,4 +1,6 @@
 <script>
 
+
+import { userStore } from '@/PiniaStores/UserStore.js'
 
 export default {
@@ -7,4 +9,5 @@
       path: '',
       url: 'http://localhost:8080/api/auth/register/',
+
       form_info:{
         firstName: '',
@@ -15,5 +18,16 @@
 
       },
-      data: {}
+     /* data: {
+        id: 0,
+        firstName: "",
+        lastName: "",
+        email: "",
+        phoneNumber: "",
+        role: "",
+        token: ""
+      },*/
+      userStore_: userStore(),
+
+      //NE ZABORAVAJ TREBA DA SREDIS VCITUVANJE NA data od userStore na pocetok na stranicata
 
     }
@@ -21,20 +35,37 @@
 
   methods: {
-    register() {
-      fetch(this.url+this.path, {
+   async register() {
+     await fetch(this.wholeUrl, {
         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)
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+        body: new URLSearchParams({
+          firstName: this.form_info.firstName,
+          lastName: this.form_info.lastName,
+          email: this.form_info.email,
+          password: this.form_info.password,
+          phoneNumber: this.form_info.phoneNumber})
+      }).then((response) => response.json())
+        .then((json) => {this.userStore_.setLocalStorage(json)})
+          //console.log("Data received:", this.data);
+          //this.userStore_.setLocalStorage(json)
+        //console.log(json)
 
+     //console.log(this.userStore_.data)
     }
 
   },
-  /*computed: {
-    somevariabletest(){
+  computed: {
+    wholeUrl(){
       return this.url+this.path;
+    },
+    testJson(){
+      return JSON.stringify({
+        firstName: this.form_info.firstName,
+        lastName: this.form_info.lastName,
+        email: this.form_info.email,
+        password: this.form_info.password,
+        phoneNumber: this.form_info.phoneNumber})
     }
-  }*/
+  }
 
 
@@ -49,9 +80,11 @@
     <div class="row justify-content-center">
 
+<!--      <form @submit.prevent="register" method="POST">-->
+<!--      <form v-bind:action="wholeUrl" method="POST">-->
 
   <div class="col-3">
-    <form @submit.prevent="register()" method="POST">
+    <form @submit.prevent="register" method="POST">
       <label for="name" class="form-label" >Name</label>
-      <input v-model="form_info.firstName" type="text" id="name" name="firstName" class="form-control" placeholder="Name" required>
+      <input v-model="this.form_info.firstName" type="text" id="name" name="firstName" class="form-control" placeholder="Name" required>
 
       <label for="surname" class="form-label">Surname</label>