Index: ReserveNGo-frontend/index.html
===================================================================
--- ReserveNGo-frontend/index.html	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/index.html	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -4,16 +4,17 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>RnG</title>
+  <title>ReserveNGo</title>
 
-<!--   Font Awesome-->
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <!--   Font Awesome-->
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
+        integrity="sha512-..." crossorigin="anonymous" referrerpolicy="no-referrer" />
 
-<!--
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
--->
+  <!--
+      <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
+  -->
 
-<!--
-    <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
--->
+  <!--
+      <link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap" rel="stylesheet">
+  -->
 
   <!-- Bootstrap CSS -->
Index: ReserveNGo-frontend/src/Api_Classes/HttpClient.js
===================================================================
--- ReserveNGo-frontend/src/Api_Classes/HttpClient.js	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/Api_Classes/HttpClient.js	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -104,10 +104,13 @@
     return this.json(endpoint, 'PUT', data, options)
   }
+
   patch(endpoint, data, options = {}) {
     return this.json(endpoint, 'PATCH', data, options)
   }
+
   delete(endpoint, body = null, options = {}) {
     return this.json(endpoint, 'DELETE', body, options)
   }
+
   upload(endpoint, formData, options = {}) {
     return this.form(endpoint, 'POST', formData, options)
Index: ReserveNGo-frontend/src/components/Project/Auth/login_.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Auth/login_.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/components/Project/Auth/login_.vue	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -4,6 +4,6 @@
 import router from '@/router/index.js'
 import LoadingIcon from '@/components/Project/Utility/LoadingIcon.vue'
-import { useLocalManager } from '@/repository/LocalManager.ts'
-import { useAuth } from '@/repository/Authentication.ts'
+import { useLocalManager } from '@/repository/LocalManager'
+import { useAuth } from '@/repository/Authentication'
 import DisabledAccountPage from '@/components/Project/Auth/DisabledAccountPage.vue'
 import { useToasts } from '@/composables/useToast.js'
@@ -23,5 +23,5 @@
 
       isLoading: false,
-      isEnableingAccountLoading: false,
+      isEnablingAccountLoading: false,
       errorMessage: '',
 
@@ -45,5 +45,5 @@
           : await useAuth.makeLogin(this.form_info.email, this.form_info.password)
 
-        console.log('Priting the json object to help me with profile picture.', json)
+        console.log('Printing the json object to help me with profile picture.', json)
 
         this.userStore_.setLocalStorage(json)
@@ -88,5 +88,5 @@
     },
     async reEnableAccount() {
-      this.isEnableingAccountLoading = true
+      this.isEnablingAccountLoading = true
       try {
         await useAuth.reEnableAccount(this.form_info.email, this.form_info.password)
@@ -97,5 +97,5 @@
         this.showToast(error.response || 'Something went wrong, try again later', 'error')
       } finally {
-        this.isEnableingAccountLoading = false
+        this.isEnablingAccountLoading = false
       }
     },
@@ -154,5 +154,5 @@
     </div>
     <DisabledAccountPage
-      :is-loading="isEnableingAccountLoading"
+      :is-loading="isEnablingAccountLoading"
       @yesPlease="reEnableAccount"
       @noThankYou="disabledAccountPage = false"
Index: ReserveNGo-frontend/src/components/Project/Customer/Profile_Page.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Customer/Profile_Page.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/components/Project/Customer/Profile_Page.vue	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -27,5 +27,5 @@
       isUpdatingPassword: false,
       isUpdatingPicture: false,
-      isDisableingAcccount: false,
+      isDisablingAccount: false,
       disableAccountAreYouSurePrompt: false,
 
@@ -121,5 +121,5 @@
     },
     async disableAccount() {
-      this.isDisableingAcccount = true
+      this.isDisablingAccount = true
       try {
         await useUser.disableUserAccount()
@@ -134,5 +134,5 @@
         this.showToast(error.response || 'Failed to disable account.', 'error')
       } finally {
-        this.isDisableingAcccount = false
+        this.isDisablingAccount = false
       }
     },
Index: ReserveNGo-frontend/src/components/Project/Event/event_in_event_listing.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/event_in_event_listing.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/components/Project/Event/event_in_event_listing.vue	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -8,5 +8,5 @@
   props: {
     event: { type: Object, required: true },
-    isFavourited: { type: Boolean, default: false },
+    isFavoured: { type: Boolean, default: false },
   },
 
@@ -99,8 +99,8 @@
         <button
           class="btn btn-favourite"
-          :class="{ active: isFavourited }"
+          :class="{ active: isFavoured }"
           @click.stop="addToFavourites"
         >
-          {{ isFavourited ? 'Remove from Favourites' : 'Add to Favourites' }}
+          {{ isFavoured ? 'Remove from Favourites' : 'Add to Favourites' }}
         </button>
         <button class="btn btn-outline-dark">
Index: ReserveNGo-frontend/src/components/Project/Event/event_listing_container.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/event_listing_container.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/components/Project/Event/event_listing_container.vue	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -73,5 +73,5 @@
       <EventInEventListing
         :event="event"
-        :isFavourited="favouriteEvents.map((fav) => fav.id).includes(event.id)"
+        :isFavoured="favouriteEvents.map((fav) => fav.id).includes(event.id)"
         @select="selectedEventId = event.id"
         @toggle-favourite="toggleFavourite"
Index: ReserveNGo-frontend/src/components/Project/Event/events_carousel.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/events_carousel.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/components/Project/Event/events_carousel.vue	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -3,5 +3,5 @@
 import { useLocales } from '@/repository/Locale'
 import { config } from '@/constants/Api_config'
-import pankake from '@/components/ectd/easy-american-pancake-recipe.jpg'
+import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
 import { transformArray } from '@/mixins/utilFunctions'
 
@@ -10,5 +10,5 @@
     return {
       userStore_: userStore(),
-      pankake: pankake,
+      pancake: pancake,
       itemsPerSlide: 3,
       processedEventIds: new Set(), // Track which events we've already processed
@@ -24,5 +24,5 @@
      */
     chunkedEvents() {
-      // Return empty array if the prop is not yet ready.
+      // Return an empty array if the prop is not yet ready.
       if (!this.allEvents || this.allEvents.length === 0) {
         return []
@@ -34,5 +34,5 @@
 
       // This is the abstract "resize the array" method you mentioned.
-      // It chunks the flat list into new sub-arrays.
+      // It chunks the flat list into new subarrays.
       return transformArray(flatEvents, this.itemsPerSlide, false)
     },
@@ -64,5 +64,5 @@
             .then((locale) => {
               if (locale && locale.logo) {
-                // Set logo for all events with this localId
+                // Set a logo for all events with this localId
                 flatEvents.forEach((e) => {
                   if (e.localId === event.localId) {
@@ -121,7 +121,7 @@
     })
 
-    // Call the method once on component mount to set the initial state.
+    // Call the method once on the component mount to set the initial state.
     this.updateItemsPerSlide()
-    // Add event listener for window resizing.
+    // Add an event listener for window resizing.
     window.addEventListener('resize', this.updateItemsPerSlide)
   },
@@ -139,5 +139,4 @@
     <div class="events-header">
       <h5 class="events-title">Popular Events</h5>
-
     </div>
 
@@ -161,5 +160,5 @@
                   <div class="event-image-wrapper">
                     <img
-                      :src="getImageLogo(event.logo) || pankake"
+                      :src="getImageLogo(event.logo) || pancake"
                       class="event-image"
                       alt="Event image"
@@ -281,5 +280,5 @@
   font-weight: 500;
   text-transform: uppercase;
-  letter-spacing: 0.2px;
+  letter-spacing: 1px;
   background-color: #5ea5bc !important;
   border: none;
@@ -418,5 +417,5 @@
   color: #212529;
   text-transform: uppercase;
-  letter-spacing: 0.4px;
+  letter-spacing: 1px;
   margin: 0;
 }
Index: ReserveNGo-frontend/src/components/Project/Event/events_carousel_in_locale.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Event/events_carousel_in_locale.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/components/Project/Event/events_carousel_in_locale.vue	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -1,5 +1,5 @@
 <script lang="ts">
 import { userStore } from '@/PiniaStores/UserStore.js'
-import { useLocalManager } from '@/repository/LocalManager.ts'
+import { useLocalManager } from '@/repository/LocalManager'
 import pancake from '@/components/ectd/easy-american-pancake-recipe.jpg'
 import { transformArray } from '@/mixins/utilFunctions'
Index: ReserveNGo-frontend/src/components/Project/Restaurant/Locale_listing_container.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/Locale_listing_container.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/Locale_listing_container.vue	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -72,5 +72,5 @@
       <LocalInLocalListing
         :local="local"
-        :isFavorited="favourite_locals.includes(local.id)"
+        :isFavoured="favourite_locals.includes(local.id)"
         :isSelected="selectedLocalId === local.id"
         :isHovered="hoveredLocalId === local.id"
Index: ReserveNGo-frontend/src/components/Project/Restaurant/local_in_local_listing.vue
===================================================================
--- ReserveNGo-frontend/src/components/Project/Restaurant/local_in_local_listing.vue	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/components/Project/Restaurant/local_in_local_listing.vue	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -10,5 +10,5 @@
   props: {
     local: { type: Object, required: true },
-    isFavorited: Boolean,
+    isFavoured: Boolean,
     isSelected: Boolean,
     isHovered: Boolean,
@@ -110,5 +110,5 @@
           <button
             v-if="userStore_.data.role === 'ROLE_CUSTOMER' && mode === 'all'"
-            :class="['fa-heart', isFavorited ? 'fa-solid liked' : 'fa-regular']"
+            :class="['fa-heart', isFavoured ? 'fa-solid liked' : 'fa-regular']"
             id="like-button"
             @click.stop="addToFavorites"
Index: ReserveNGo-frontend/src/repository/Admin.ts
===================================================================
--- ReserveNGo-frontend/src/repository/Admin.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/repository/Admin.ts	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -38,5 +38,5 @@
   }
 
-  async removeManager(managerId) {
+  async removeManager(managerId : number) {
     return this.httpClient.delete(`remove/${managerId}`)
   }
Index: ReserveNGo-frontend/src/repository/LocalManager.ts
===================================================================
--- ReserveNGo-frontend/src/repository/LocalManager.ts	(revision 70fb1e8bebf3c196b424653984d95c518560ff12)
+++ ReserveNGo-frontend/src/repository/LocalManager.ts	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -50,8 +50,8 @@
     return this.httpClient.post('add-event', formData)
   }
-  updateEvent(formData: FormData, eventId): Promise<any> {
+  updateEvent(formData: FormData, eventId : number): Promise<any> {
     return this.httpClient.put(`events/edit/${eventId}`, formData)
   }
-  deleteEvent(eventId): Promise<any> {
+  deleteEvent(eventId: number): Promise<any> {
     return this.httpClient.delete(`delete-event/${eventId}`)
   }
Index: ReserveNGo-frontend/src/types.d.ts
===================================================================
--- ReserveNGo-frontend/src/types.d.ts	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
+++ ReserveNGo-frontend/src/types.d.ts	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -0,0 +1,12 @@
+declare module '*.jpg' {
+  const value: string
+  export default value
+}
+declare module '*.png' {
+  const value: string
+  export default value
+}
+declare module '*.svg' {
+  const value: string
+  export default value
+}
Index: ReserveNGo-frontend/tsconfig.json
===================================================================
--- ReserveNGo-frontend/tsconfig.json	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
+++ ReserveNGo-frontend/tsconfig.json	(revision 5c709330018ea0b57858e2dc6b4187619de85843)
@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "Node",
+    "strict": false,
+    "jsx": "preserve",
+    "allowJs": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "lib": ["ESNext", "DOM"],
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.vue"]
+}