From 9140765772b1dfb63a8e9ab9395f9016f61a63ae Mon Sep 17 00:00:00 2001
From: TobiZog <developer@zoghaib.de>
Date: Tue, 22 Oct 2024 18:47:27 +0200
Subject: [PATCH] Streamlined stores

---
 software/backend/routes/concert.routes.ts     | 17 ++++
 software/backend/routes/location.routes.ts    | 18 +++-
 software/src/App.vue                          |  4 +-
 software/src/data/api/bandApi.ts              |  4 +-
 software/src/data/api/cityApi.ts              |  7 --
 software/src/data/api/concertApi.ts           |  6 +-
 software/src/data/api/genreApi.ts             |  7 --
 software/src/data/api/locationApi.ts          |  4 +-
 software/src/data/api/mainApi.ts              |  3 +-
 software/src/data/api/orderApi.ts             |  4 +-
 software/src/main.ts                          |  2 +-
 .../accountDataPage/accountDataCard.vue       |  2 +-
 .../accountDataPage/accountManagingCard.vue   | 19 +---
 .../src/pages/account/loginPage/loginForm.vue | 45 ++-------
 .../pages/account/loginPage/registerForm.vue  | 26 ++---
 .../bandDetailPage/bandMemberSection.vue      |  6 +-
 .../bands/bandDetailPage/concertSection.vue   |  2 +-
 .../bands/bandDetailPage/gallerySection.vue   |  2 +-
 .../src/pages/bands/bandDetailPage/index.vue  |  2 +-
 software/src/pages/bands/bandsPage/index.vue  |  2 +-
 .../concerts/concertBookingPage/index.vue     |  4 +-
 .../src/pages/concerts/concertsPage/index.vue |  2 +-
 .../src/pages/homePage/highlightCarousel.vue  |  3 -
 software/src/pages/homePage/index.vue         |  7 +-
 .../locations/locationDetailPage/index.vue    | 42 ++++----
 .../pages/locations/locationsPage/index.vue   |  6 +-
 .../pages/misc/basketPage/orderingDialog.vue  |  1 -
 software/src/pages/misc/helpPage/index.vue    |  9 +-
 .../pages/misc/preferencesPage/pageSetup.vue  |  2 +-
 .../misc/preferencesPage/systemSetup.vue      |  6 +-
 software/src/pages/misc/searchPage/index.vue  | 97 +++++++++----------
 .../src/pages/misc/searchPage/searchBar.vue   |  2 +-
 software/src/scripts/validationRules.ts       |  2 +-
 software/src/stores/account.store.ts          | 79 ++++++++++++---
 .../stores/{bandStore.ts => band.store.ts}    |  9 +-
 software/src/stores/basket.store.ts           | 32 ++++--
 .../{concertStore.ts => concert.store.ts}     | 21 +++-
 .../{feedbackStore.ts => feedback.store.ts}   | 21 +++-
 .../{locationStore.ts => location.store.ts}   | 26 ++++-
 ...eferencesStore.ts => preferences.store.ts} |  9 +-
 software/src/stores/search.store.ts           | 55 +++++++++++
 software/src/stores/searchStore.ts            | 43 --------
 software/src/stores/shopStore.ts              | 60 ------------
 software/src/stores/shoppingStore.ts          | 48 ---------
 software/tsconfig.web.json                    |  3 +-
 45 files changed, 384 insertions(+), 387 deletions(-)
 rename software/src/stores/{bandStore.ts => band.store.ts} (77%)
 rename software/src/stores/{concertStore.ts => concert.store.ts} (69%)
 rename software/src/stores/{feedbackStore.ts => feedback.store.ts} (98%)
 rename software/src/stores/{locationStore.ts => location.store.ts} (65%)
 rename software/src/stores/{preferencesStore.ts => preferences.store.ts} (65%)
 create mode 100644 software/src/stores/search.store.ts
 delete mode 100644 software/src/stores/searchStore.ts
 delete mode 100644 software/src/stores/shopStore.ts
 delete mode 100644 software/src/stores/shoppingStore.ts

diff --git a/software/backend/routes/concert.routes.ts b/software/backend/routes/concert.routes.ts
index fe83466..91bac10 100644
--- a/software/backend/routes/concert.routes.ts
+++ b/software/backend/routes/concert.routes.ts
@@ -7,6 +7,7 @@ import { SeatRow } from "../models/locations/seatRow.model";
 import { Seat } from "../models/locations/seat.model";
 import { Ticket } from "../models/ordering/ticket.model";
 import { Band } from "../models/acts/band.model";
+import { Op } from "sequelize";
 
 export const concert = Router()
 
@@ -95,3 +96,19 @@ concert.get("/concert/:id", (req: Request, res: Response) => {
       res.status(200).json(concert)
     })
 })
+
+
+// Concert search
+concert.get("/search", (req: Request, res: Response) => {
+  Concert.findAll({
+    where: {
+      name: {
+        [Op.substring]: req.query.value
+      }
+    },
+    include: [ Band, Location ]
+  })
+    .then(concerts => {
+      res.status(200).json(concerts)
+    })
+})
\ No newline at end of file
diff --git a/software/backend/routes/location.routes.ts b/software/backend/routes/location.routes.ts
index b8e19d1..b0ea789 100644
--- a/software/backend/routes/location.routes.ts
+++ b/software/backend/routes/location.routes.ts
@@ -93,13 +93,23 @@ location.get("/location/:urlName", (req: Request, res: Response) => {
 location.get("/search", (req: Request, res: Response) => {
   Location.findAll({
     where: {
-      name: {
-        [Op.substring]: req.query.value
-      }
+      [Op.or]: [
+        {
+          name: {
+            [Op.substring]: req.query.value
+          },
+        },
+        {
+          "$city.name$": {
+            [Op.substring]: req.query.value
+          }
+        }
+      ]
     },
-    include: [ Concert ]
+    include: [ City, Concert ]
   })
     .then(locations => {
+      console.log(locations)
       res.status(200).json(locations)
     })
 })
\ No newline at end of file
diff --git a/software/src/App.vue b/software/src/App.vue
index ba9b22e..cd493f8 100644
--- a/software/src/App.vue
+++ b/software/src/App.vue
@@ -4,8 +4,8 @@ import { i18n } from './plugins/i18n';
 import { watch } from 'vue';
 import navigationAppendItems from './components/navigation/navigationAppendItems.vue';
 import navigationPrependItems from './components/navigation/navigationPrependItems.vue';
-import { usePreferencesStore } from './stores/preferencesStore';
-import { useFeedbackStore } from './stores/feedbackStore';
+import { usePreferencesStore } from './stores/preferences.store';
+import { useFeedbackStore } from './stores/feedback.store';
 import footerItems from './components/navigation/footerItems.vue';
 import urlBar from './components/navigation/urlBar.vue';
 
diff --git a/software/src/data/api/bandApi.ts b/software/src/data/api/bandApi.ts
index 2d54ce9..79aeddd 100644
--- a/software/src/data/api/bandApi.ts
+++ b/software/src/data/api/bandApi.ts
@@ -6,10 +6,10 @@ export async function fetchAllBands() {
   return await axios.get(BASE_URL)
 }
 
-export async function getBand(bandName: string) {
+export async function fetchBandByName(bandName: string) {
   return await axios.get(BASE_URL + '/band/' + bandName)
 }
 
-export async function searchBand(searchTerm: string) {
+export async function fetchBandsBySearchTerm(searchTerm: string) {
   return await axios.get(BASE_URL + '/search?value=' + searchTerm)
 }
\ No newline at end of file
diff --git a/software/src/data/api/cityApi.ts b/software/src/data/api/cityApi.ts
index c3a0369..6b3e9d3 100644
--- a/software/src/data/api/cityApi.ts
+++ b/software/src/data/api/cityApi.ts
@@ -2,13 +2,6 @@ import axios from "axios"
 
 const BASE_URL = "http://localhost:3000/cities"
 
-/**
- * @deprecated Use fetchAllCities
- */
-export async function getAllCities() {
-  return await axios.get(BASE_URL)
-}
-
 export async function fetchAllCities() {
   return await axios.get(BASE_URL)
 }
\ No newline at end of file
diff --git a/software/src/data/api/concertApi.ts b/software/src/data/api/concertApi.ts
index ce3f194..f60bdbe 100644
--- a/software/src/data/api/concertApi.ts
+++ b/software/src/data/api/concertApi.ts
@@ -2,11 +2,11 @@ import axios from "axios"
 
 let BASE_URL = "http://localhost:3000/concerts"
 
-export async function fetchConcerts() {
+export async function fetchAllConcerts() {
   return await axios.get(BASE_URL)
 }
 
-export async function fetchConcert(id: number) {
+export async function fetchConcertById(id: number) {
   if (id != undefined) {
     return await axios.get(BASE_URL + "/concert/" + id)
   } else {
@@ -27,6 +27,6 @@ export async function fetchUpcomingConcerts(nrOfConcerts: number) {
   return await axios.get(url)
 }
 
-export async function searchConcert(searchTerm: string) {
+export async function fetchConcertsBySearchTerm(searchTerm: string) {
   return await axios.get(BASE_URL + '/search?value=' + searchTerm)
 }
\ No newline at end of file
diff --git a/software/src/data/api/genreApi.ts b/software/src/data/api/genreApi.ts
index 95258fb..395a7ae 100644
--- a/software/src/data/api/genreApi.ts
+++ b/software/src/data/api/genreApi.ts
@@ -2,13 +2,6 @@ import axios from "axios"
 
 let BASE_URL = "http://localhost:3000/genres"
 
-/**
- * @deprecated Use fetchAllGenres()
- */
-export async function getAllGenres() {
-  return await axios.get(BASE_URL)
-}
-
 export async function fetchAllGenres() {
   return await axios.get(BASE_URL)
 }
\ No newline at end of file
diff --git a/software/src/data/api/locationApi.ts b/software/src/data/api/locationApi.ts
index 27e9803..827a72b 100644
--- a/software/src/data/api/locationApi.ts
+++ b/software/src/data/api/locationApi.ts
@@ -6,7 +6,7 @@ export async function fetchAllLocations() {
   return await axios.get(BASE_URL)
 }
 
-export async function getLocation(locationName: string) {
+export async function fetchLocationByName(locationName: string) {
   return await axios.get(BASE_URL + "/location/" + locationName)
 }
 
@@ -16,6 +16,6 @@ export async function fetchTopLocations(nrOfLocations: number) {
   return await axios.get(url)
 }
 
-export async function searchLocation(searchTerm: string) {
+export async function fetchLocationsBySearchTerm(searchTerm: string) {
   return await axios.get(BASE_URL + "/search?value=" + searchTerm)
 }
\ No newline at end of file
diff --git a/software/src/data/api/mainApi.ts b/software/src/data/api/mainApi.ts
index 2371d89..be98a47 100644
--- a/software/src/data/api/mainApi.ts
+++ b/software/src/data/api/mainApi.ts
@@ -2,9 +2,8 @@ import axios from "axios"
 
 const BASE_URL = "http://localhost:3000/api"
 
-export function getServerState() {
+export function fetchServerState() {
   return axios.get(BASE_URL)
-
 }
 
 export function resetDatabase() {
diff --git a/software/src/data/api/orderApi.ts b/software/src/data/api/orderApi.ts
index 407c423..2109f94 100644
--- a/software/src/data/api/orderApi.ts
+++ b/software/src/data/api/orderApi.ts
@@ -3,7 +3,7 @@ import { BasketItemModel } from "../models/ordering/basketItemModel"
 
 const BASE_URL = "http://localhost:3000/orders"
 
-export async function getUserOrders(userId: number) {
+export async function fetchUserOrders(userId: number) {
   return axios.get(BASE_URL + "/" + userId)
 }
 
@@ -25,8 +25,6 @@ export async function createOrder(
     }
   }
 
-  console.log(tickets)
-
   return axios.post(BASE_URL, {
     accountId: accountId,
     tickets: tickets,
diff --git a/software/src/main.ts b/software/src/main.ts
index 87abf91..fa320c1 100644
--- a/software/src/main.ts
+++ b/software/src/main.ts
@@ -5,7 +5,7 @@ import vuetify from './plugins/vuetify'
 import router from './plugins/router'
 import pinia from './plugins/pinia'
 import { i18n } from './plugins/i18n'
-import { useFeedbackStore } from './stores/feedbackStore'
+import { useFeedbackStore } from './stores/feedback.store'
 
 createApp(App)
   .use(vuetify)
diff --git a/software/src/pages/account/accountDataPage/accountDataCard.vue b/software/src/pages/account/accountDataPage/accountDataCard.vue
index 0823e6a..63cf581 100644
--- a/software/src/pages/account/accountDataPage/accountDataCard.vue
+++ b/software/src/pages/account/accountDataPage/accountDataCard.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import cardView from '@/components/basics/cardView.vue';
 import { useAccountStore } from '@/stores/account.store';
-import { useFeedbackStore } from '@/stores/feedbackStore';
+import { useFeedbackStore } from '@/stores/feedback.store';
 
 const accountStore = useAccountStore()
 const feedbackStore = useFeedbackStore()
diff --git a/software/src/pages/account/accountDataPage/accountManagingCard.vue b/software/src/pages/account/accountDataPage/accountManagingCard.vue
index 1d48e30..e3a394c 100644
--- a/software/src/pages/account/accountDataPage/accountManagingCard.vue
+++ b/software/src/pages/account/accountDataPage/accountManagingCard.vue
@@ -6,20 +6,7 @@ import { useAccountStore } from '@/stores/account.store';
 import { ref } from 'vue';
 
 const showConfirmDialog = ref(false)
-const updateInProgress = ref(false)
 const accountStore = useAccountStore()
-
-function deleteAccount() {
-  // todo
-}
-
-async function updateAccount() {
-  updateInProgress.value = true
-
-  await accountStore.updateAccount()
-
-  updateInProgress.value = false
-}
 </script>
 
 <template>
@@ -32,6 +19,7 @@ async function updateAccount() {
         <outlined-button
           prepend-icon="mdi-delete"
           color="red"
+          :loading="accountStore.fetchInProgress"
           @click="showConfirmDialog = true"
         >
           {{ $t("account.delete") }}
@@ -42,7 +30,8 @@ async function updateAccount() {
         <outlined-button
           prepend-icon="mdi-content-save"
           color="green"
-          @click="updateAccount"
+          :loading="accountStore.fetchInProgress"
+          @click="accountStore.updateAccount()"
         >
           {{ $t("save") }}
         </outlined-button>
@@ -54,6 +43,6 @@ async function updateAccount() {
     v-model="showConfirmDialog"
     :title="$t('dialog.deleteAccount.title')"
     :description="$t('dialog.deleteAccount.description')"
-    :onConfirm="deleteAccount"
   />
+    <!-- todo :onConfirm="deleteAccount" -->
 </template>
\ No newline at end of file
diff --git a/software/src/pages/account/loginPage/loginForm.vue b/software/src/pages/account/loginPage/loginForm.vue
index e6d1f4b..8d05327 100644
--- a/software/src/pages/account/loginPage/loginForm.vue
+++ b/software/src/pages/account/loginPage/loginForm.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref } from 'vue';
 import cardView from '@/components/basics/cardView.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { useAccountStore } from '@/stores/account.store';
@@ -7,37 +6,15 @@ import { useRouter } from 'vue-router';
 
 const accountStore = useAccountStore()
 const showRegisterCard = defineModel("showRegisterCard", { type: Boolean, default: false })
-const loginInProgress = ref(false)
-const username = ref("duranduran")
-const password = ref("H4nn0ver")
-const usernameWrong = ref(false)
-const passwordWrong = ref(false)
 const router = useRouter()
 
 async function startLogin() {
-  loginInProgress.value = true
-  usernameWrong.value = false
-  passwordWrong.value = false
-
-  if (username.value == null || username.value.length == 0) {
-    usernameWrong.value = true
-  } 
-
-  if (password.value == null || password.value.length == 0) {
-    passwordWrong.value = true
-  }
-
-  if (username.value != null && username.value.length > 0 && 
-    password.value != null && password.value.length > 0)
-  {
-    await accountStore.login(username.value, password.value)
-
-    if (accountStore.userAccount.id != undefined) {
-      router.push("/account/home")
-    }
-  }
-
-  loginInProgress.value = false
+  accountStore.login()
+    .then(result => {
+      if (accountStore.userAccount.id != undefined) {
+        router.push("/account/home")
+      }
+    })
 }
 </script>
 
@@ -52,8 +29,7 @@ async function startLogin() {
         <v-text-field
           :label="$t('account.username')"
           prepend-icon="mdi-account"
-          v-model="username"
-          :error="usernameWrong"
+          v-model="accountStore.loginData.username"
           clearable
         />
       </v-col>
@@ -65,8 +41,7 @@ async function startLogin() {
           :label="$t('account.password')"
           prepend-icon="mdi-key"
           type="password" 
-          v-model="password"
-          :error="passwordWrong"
+          v-model="accountStore.loginData.password"
           clearable
         />
       </v-col>
@@ -76,7 +51,7 @@ async function startLogin() {
       <outlined-button 
         @click="showRegisterCard = true"
         prepend-icon="mdi-plus"
-        :disabled="loginInProgress"
+        :loading="accountStore.fetchInProgress"
       >
         {{ $t('account.noAccountRegister') }}
       </outlined-button>
@@ -84,7 +59,7 @@ async function startLogin() {
       <outlined-button
         append-icon="mdi-arrow-right"
         @click="startLogin"
-        :loading="loginInProgress"
+        :loading="accountStore.fetchInProgress"
       >
         {{ $t('login') }}
       </outlined-button>
diff --git a/software/src/pages/account/loginPage/registerForm.vue b/software/src/pages/account/loginPage/registerForm.vue
index 40df432..e359b57 100644
--- a/software/src/pages/account/loginPage/registerForm.vue
+++ b/software/src/pages/account/loginPage/registerForm.vue
@@ -1,21 +1,21 @@
 <script setup lang="ts">
-import { AccountModel } from '@/data/models/user/accountModel';
-import { ref } from 'vue';
 import cardView from '@/components/basics/cardView.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { useAccountStore } from '@/stores/account.store';
 import { getEmailRules, getPasswordRules, getStringRules } from '@/scripts/validationRules';
+import { useRouter } from 'vue-router';
 
-const newUser = ref(new AccountModel())
 const showRegisterCard = defineModel("showRegisterCard", { type: Boolean, default: false })
 const accountStore = useAccountStore()
-const registerInProgress = ref(false)
+const router = useRouter()
 
 async function registerAccount() {
-  registerInProgress.value = true
-
-  await accountStore.registerAccount(newUser.value)
-  registerInProgress.value = false
+  accountStore.registerAccount()
+    .then(result => {
+      if (result) {
+        router.push("/account/home")
+      }
+    })
 }
 </script>
 
@@ -29,7 +29,7 @@ async function registerAccount() {
         <v-text-field
           :label="$t('account.username')"
           prepend-icon="mdi-account"
-          v-model="newUser.username"
+          v-model="accountStore.registerData.username"
           clearable
           :rules="getStringRules()"
         />
@@ -42,7 +42,7 @@ async function registerAccount() {
           :label="$t('account.password')"
           prepend-icon="mdi-key"
           type="password"
-          v-model="newUser.password"
+          v-model="accountStore.registerData.password"
           clearable
           :rules="getPasswordRules()"
         />
@@ -54,7 +54,7 @@ async function registerAccount() {
         <v-text-field
           :label="$t('account.email')"
           prepend-icon="mdi-mail"
-          v-model="newUser.email"
+          v-model="accountStore.registerData.email"
           :rules="getEmailRules()"
           clearable
         />
@@ -65,7 +65,7 @@ async function registerAccount() {
       <outlined-button
         prepend-icon="mdi-arrow-left" 
         @click="showRegisterCard = false"
-        :disabled="registerInProgress"
+        :disabled="accountStore.fetchInProgress"
       >
         {{ $t('account.backToLogin') }}
       </outlined-button>
@@ -73,7 +73,7 @@ async function registerAccount() {
       <outlined-button
         prepend-icon="mdi-account-plus"
         @click="registerAccount"
-        :loading="registerInProgress"
+        :loading="accountStore.fetchInProgress"
       >
         {{ $t('account.register') }}
       </outlined-button>
diff --git a/software/src/pages/bands/bandDetailPage/bandMemberSection.vue b/software/src/pages/bands/bandDetailPage/bandMemberSection.vue
index 5f301cb..7d5f6f7 100644
--- a/software/src/pages/bands/bandDetailPage/bandMemberSection.vue
+++ b/software/src/pages/bands/bandDetailPage/bandMemberSection.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import cardWithTopImage from '@/components/basics/cardViewTopImage.vue';
-import { useFeedbackStore } from '@/stores/feedbackStore';
 import { BandApiModel } from '@/data/models/acts/bandApiModel';
+import { useBandStore } from '@/stores/band.store';
 
-const feedbackStore = useFeedbackStore()
+const bandStore = useBandStore()
 
 defineProps({
   band: {
@@ -14,7 +14,7 @@ defineProps({
 </script>
 
 <template>
-  <v-row v-if="feedbackStore.fetchDataFromServerInProgress" >
+  <v-row v-if="bandStore.fetchInProgress" >
     <v-col cols="3" v-for="i in 4">
       <card-with-top-image :loading="true" />
     </v-col>
diff --git a/software/src/pages/bands/bandDetailPage/concertSection.vue b/software/src/pages/bands/bandDetailPage/concertSection.vue
index f3dcd4f..b844a95 100644
--- a/software/src/pages/bands/bandDetailPage/concertSection.vue
+++ b/software/src/pages/bands/bandDetailPage/concertSection.vue
@@ -3,7 +3,7 @@ import concertListItem from '@/components/pageParts/concertListItem.vue';
 import { BandApiModel } from '@/data/models/acts/bandApiModel';
 import { ConcertApiModel } from '@/data/models/acts/concertApiModel';
 import CardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
-import { useConcertStore } from '@/stores/concertStore';
+import { useConcertStore } from '@/stores/concert.store';
 
 const concertStore = useConcertStore()
 
diff --git a/software/src/pages/bands/bandDetailPage/gallerySection.vue b/software/src/pages/bands/bandDetailPage/gallerySection.vue
index 69a5654..d02d71f 100644
--- a/software/src/pages/bands/bandDetailPage/gallerySection.vue
+++ b/software/src/pages/bands/bandDetailPage/gallerySection.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { BandModel } from '@/data/models/acts/bandModel';
-import { useBandStore } from '@/stores/bandStore';
+import { useBandStore } from '@/stores/band.store';
 
 const bandStore = useBandStore()
 
diff --git a/software/src/pages/bands/bandDetailPage/index.vue b/software/src/pages/bands/bandDetailPage/index.vue
index ba71671..61653df 100644
--- a/software/src/pages/bands/bandDetailPage/index.vue
+++ b/software/src/pages/bands/bandDetailPage/index.vue
@@ -6,7 +6,7 @@ import gallerySection from './gallerySection.vue';
 import concertSection from './concertSection.vue';
 import heroImage from '@/components/pageParts/heroImage.vue';
 import sectionDivider from '@/components/basics/sectionDivider.vue';
-import { useBandStore } from '@/stores/bandStore';
+import { useBandStore } from '@/stores/band.store';
 
 const router = useRouter()
 const bandStore = useBandStore()
diff --git a/software/src/pages/bands/bandsPage/index.vue b/software/src/pages/bands/bandsPage/index.vue
index 2246742..7d385a9 100644
--- a/software/src/pages/bands/bandsPage/index.vue
+++ b/software/src/pages/bands/bandsPage/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useBandStore } from '@/stores/bandStore';
+import { useBandStore } from '@/stores/band.store';
 import cardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
 import bandListItem from '@/components/pageParts/bandListItem.vue';
 
diff --git a/software/src/pages/concerts/concertBookingPage/index.vue b/software/src/pages/concerts/concertBookingPage/index.vue
index f526e22..cc5eb36 100644
--- a/software/src/pages/concerts/concertBookingPage/index.vue
+++ b/software/src/pages/concerts/concertBookingPage/index.vue
@@ -5,7 +5,7 @@ import sectionDivider from '@/components/basics/sectionDivider.vue';
 import { useBasketStore } from '@/stores/basket.store';
 import concertListItem from '@/components/pageParts/concertListItem.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
-import { useConcertStore } from '@/stores/concertStore';
+import { useConcertStore } from '@/stores/concert.store';
 
 const router = useRouter()
 const basketStore = useBasketStore()
@@ -93,7 +93,7 @@ concertStore.getConcert(Number(router.currentRoute.value.params.id))
         <v-row class="pb-5">
           <outlined-button todo
             prepend-icon="mdi-basket-plus"
-            @click="basketStore.moveSeatSelectionsToBasket(concertStore.concert, concertStore.concert.band); 
+            @click="basketStore.moveSeatSelectionsToBasket(concertStore.concert.band); 
               router.push('/basket')"
             :disabled="basketStore.selectedSeats.length == 0"
             block
diff --git a/software/src/pages/concerts/concertsPage/index.vue b/software/src/pages/concerts/concertsPage/index.vue
index 66d7f2d..7bb3f12 100644
--- a/software/src/pages/concerts/concertsPage/index.vue
+++ b/software/src/pages/concerts/concertsPage/index.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useConcertStore } from '@/stores/concertStore';
+import { useConcertStore } from '@/stores/concert.store';
 import concertListItem from '@/components/pageParts/concertListItem.vue';
 import cardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
 import sectionDivider from '@/components/basics/sectionDivider.vue';
diff --git a/software/src/pages/homePage/highlightCarousel.vue b/software/src/pages/homePage/highlightCarousel.vue
index 0cd0b51..237acbe 100644
--- a/software/src/pages/homePage/highlightCarousel.vue
+++ b/software/src/pages/homePage/highlightCarousel.vue
@@ -1,12 +1,9 @@
 <script setup lang="ts">
 import OutlinedButton from '@/components/basics/outlinedButton.vue';
-import { useShoppingStore } from '@/stores/shoppingStore';
 import { useRouter } from 'vue-router';
 
-const shoppingStore = useShoppingStore()
 const router = useRouter()
 
-shoppingStore.getEvents()
 </script>
 
 <template>
diff --git a/software/src/pages/homePage/index.vue b/software/src/pages/homePage/index.vue
index 4c3efae..453fe11 100644
--- a/software/src/pages/homePage/index.vue
+++ b/software/src/pages/homePage/index.vue
@@ -2,12 +2,11 @@
 import highlightCarousel from './highlightCarousel.vue';
 import sectionDivider from '@/components/basics/sectionDivider.vue';
 import cardWithTopImage from '@/components/basics/cardViewTopImage.vue';
-import { lowestTicketPrice } from '@/scripts/concertScripts';
 import OutlinedButton from '@/components/basics/outlinedButton.vue';
 import { useRouter } from 'vue-router';
-import { useConcertStore } from '@/stores/concertStore';
-import { useLocationStore } from '@/stores/locationStore';
-import { useBandStore } from '@/stores/bandStore';
+import { useConcertStore } from '@/stores/concert.store';
+import { useLocationStore } from '@/stores/location.store';
+import { useBandStore } from '@/stores/band.store';
 
 const router = useRouter()
 const concertStore = useConcertStore()
diff --git a/software/src/pages/locations/locationDetailPage/index.vue b/software/src/pages/locations/locationDetailPage/index.vue
index f234832..ea18b20 100644
--- a/software/src/pages/locations/locationDetailPage/index.vue
+++ b/software/src/pages/locations/locationDetailPage/index.vue
@@ -2,38 +2,30 @@
 import { useRouter } from 'vue-router';
 import sectionDivider from '@/components/basics/sectionDivider.vue';
 import seatPlanMap from '@/components/seatPlanMap/seatPlanMap.vue';
-import { getLocation } from '@/data/api/locationApi';
 import { ref } from 'vue';
-import { useFeedbackStore } from '@/stores/feedbackStore';
 import heroImage from '@/components/pageParts/heroImage.vue';
 import concertListItem from '@/components/pageParts/concertListItem.vue';
 import { LocationDetailsApiModel } from '@/data/models/locations/locationDetailsApiModel';
 import cardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
+import { useLocationStore } from '@/stores/location.store';
 
 const router = useRouter()
-const feedbackStore = useFeedbackStore()
-const location = ref<LocationDetailsApiModel>(new LocationDetailsApiModel())
+const locationStore = useLocationStore()
 
-feedbackStore.fetchDataFromServerInProgress = true
-
-getLocation(String(router.currentRoute.value.params.name))
-  .then(result => {
-    location.value = result.data
-    feedbackStore.fetchDataFromServerInProgress = false
-  })
+locationStore.getLocationByName(String(router.currentRoute.value.params.name))
 </script>
 
 <template>
   <hero-image
-    :title="location.name"
-    :image="location.imageIndoor"
-    :description="location.address + location.city.name"
-    :loading="feedbackStore.fetchDataFromServerInProgress"
-    :logo="location.imageOutdoor"
+    :title="locationStore.location.name"
+    :image="locationStore.location.imageIndoor"
+    :description="locationStore.location.address + locationStore.location.city.name"
+    :loading="locationStore.fetchInProgress"
+    :logo="locationStore.location.imageOutdoor"
   >
     <template #description>
-      <p class="text-h6">{{ location.address }}</p>
-      <p class="text-h6">{{ location.city.name }}</p>
+      <p class="text-h6">{{ locationStore.location.address }}</p>
+      <p class="text-h6">{{ locationStore.location.city.name }}</p>
     </template>
   </hero-image>
 
@@ -48,21 +40,21 @@ getLocation(String(router.currentRoute.value.params.name))
           </v-col>
         </v-row>
 
-        <v-row v-if="feedbackStore.fetchDataFromServerInProgress" v-for="i in 3">
+        <v-row v-if="locationStore.fetchInProgress" v-for="i in 3">
           <v-col class="text-center">
             <card-view-horizontal :loading="true" />
           </v-col>
         </v-row>
 
         <v-row
-          v-else-if="location.concerts.length > 0"
-          v-for="concert of location.concerts"
+          v-else-if="locationStore.location.concerts.length > 0"
+          v-for="concert of locationStore.location.concerts"
         >
           <v-col>
             <concert-list-item
               :concert="concert"
               :band="concert.band"
-              :location="location"
+              :location="locationStore.location"
               :title="concert.name"
             >
               <template #description>
@@ -88,7 +80,7 @@ getLocation(String(router.currentRoute.value.params.name))
           </v-col>
         </v-row>
 
-        <div v-if="feedbackStore.fetchDataFromServerInProgress">
+        <div v-if="locationStore.fetchInProgress">
           <v-col class="text-center">
             <v-progress-circular indeterminate :size="128" :width="12" color="primary" />
           </v-col>
@@ -97,8 +89,8 @@ getLocation(String(router.currentRoute.value.params.name))
         <v-row v-else>
           <v-col>
             <seat-plan-map
-              :location="location"
-              :seat-groups="location.seatGroups"
+              :location="locationStore.location"
+              :seat-groups="locationStore.location.seatGroups"
             />
           </v-col>
         </v-row>
diff --git a/software/src/pages/locations/locationsPage/index.vue b/software/src/pages/locations/locationsPage/index.vue
index 34eb594..af4b111 100644
--- a/software/src/pages/locations/locationsPage/index.vue
+++ b/software/src/pages/locations/locationsPage/index.vue
@@ -1,12 +1,10 @@
 <script setup lang="ts">
 import sectionDivider from '@/components/basics/sectionDivider.vue';
 import cardWithTopImage from '@/components/basics/cardViewTopImage.vue';
-import { useFeedbackStore } from '@/stores/feedbackStore';
 import locationListItem from '@/components/pageParts/locationListItem.vue';
-import { useLocationStore } from '@/stores/locationStore';
+import { useLocationStore } from '@/stores/location.store';
 
 const locationStore = useLocationStore()
-const feedbackStore = useFeedbackStore()
 
 locationStore.getLocations()
 </script>
@@ -21,7 +19,7 @@ locationStore.getLocations()
 
       <v-col cols="10">
         <!-- During fetching -->
-        <div v-if="feedbackStore.fetchDataFromServerInProgress" v-for="i in 2">
+        <div v-if="locationStore.fetchInProgress" v-for="i in 2">
           <v-row>
             <v-col>
               <section-divider :loading="true" />
diff --git a/software/src/pages/misc/basketPage/orderingDialog.vue b/software/src/pages/misc/basketPage/orderingDialog.vue
index 256b279..f77e28e 100644
--- a/software/src/pages/misc/basketPage/orderingDialog.vue
+++ b/software/src/pages/misc/basketPage/orderingDialog.vue
@@ -26,7 +26,6 @@ async function doOrder() {
   }
 
   if (basketStore.usedAddress != null && basketStore.usedPayment != null) {
-    
     await basketStore.takeOrder()
     showDialog.value = false
   }
diff --git a/software/src/pages/misc/helpPage/index.vue b/software/src/pages/misc/helpPage/index.vue
index 0444887..b7c2b10 100644
--- a/software/src/pages/misc/helpPage/index.vue
+++ b/software/src/pages/misc/helpPage/index.vue
@@ -2,24 +2,21 @@
 import { getAllExerciseGroups } from '@/data/api/exerciseApi';
 import scoreCard from './scoreCard.vue';
 import { ref } from 'vue';
-import { useFeedbackStore } from '@/stores/feedbackStore';
 import { ExerciseGroupApiModel } from '@/data/models/exercises/exerciseGroupApiModel';
+import { usePreferencesStore } from '@/stores/preferences.store';
 
 const exerciseGroups = ref<Array<ExerciseGroupApiModel>>([])
-const feedbackStore = useFeedbackStore()
-
-feedbackStore.fetchDataFromServerInProgress = true
+const preferencesStore = usePreferencesStore()
 
 getAllExerciseGroups()
   .then(result => {
     exerciseGroups.value = result.data
-    feedbackStore.fetchDataFromServerInProgress = false
   })
 </script>
 
 <template>
   <v-container max-width="1000">
-    <v-row v-if="feedbackStore.fetchDataFromServerInProgress" v-for="i in 3">
+    <v-row v-if="preferencesStore.fetchInProgress" v-for="i in 3">
       <v-col>
         <score-card :loading="true"
       />
diff --git a/software/src/pages/misc/preferencesPage/pageSetup.vue b/software/src/pages/misc/preferencesPage/pageSetup.vue
index 1d7a633..ed4683d 100644
--- a/software/src/pages/misc/preferencesPage/pageSetup.vue
+++ b/software/src/pages/misc/preferencesPage/pageSetup.vue
@@ -3,7 +3,7 @@ import { ThemeEnum } from '@/data/enums/themeEnums';
 import { useTheme } from 'vuetify/lib/framework.mjs';
 import { i18n } from '@/plugins/i18n';
 import cardView from '@/components/basics/cardView.vue';
-import { usePreferencesStore } from '@/stores/preferencesStore';
+import { usePreferencesStore } from '@/stores/preferences.store';
 
 const preferencesStore = usePreferencesStore()
 const theme = useTheme()
diff --git a/software/src/pages/misc/preferencesPage/systemSetup.vue b/software/src/pages/misc/preferencesPage/systemSetup.vue
index 007b173..8104c55 100644
--- a/software/src/pages/misc/preferencesPage/systemSetup.vue
+++ b/software/src/pages/misc/preferencesPage/systemSetup.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import { BannerStateEnum } from '@/data/enums/bannerStateEnum';
-import { useFeedbackStore } from '@/stores/feedbackStore';
+import { useFeedbackStore } from '@/stores/feedback.store';
 import cardView from '@/components/basics/cardView.vue';
 import outlinedButton from '@/components/basics/outlinedButton.vue';
 import { ref } from 'vue';
 import confirmDialog from '@/components/basics/confirmDialog.vue';
-import { getServerState, resetDatabase, resetExerciseProgress } from '@/data/api/mainApi';
+import { fetchServerState, resetDatabase, resetExerciseProgress } from '@/data/api/mainApi';
 import { ServerStateEnum } from '@/data/enums/serverStateEnum';
 import packageJson from './../../../../package.json'
 
@@ -14,7 +14,7 @@ const showConfirmDeleteDbDialog = ref(false)
 const showConfirmDeleteExerciseProgressDialog = ref(false)
 const serverOnline = ref(ServerStateEnum.PENDING)
 
-getServerState()
+fetchServerState()
   .then(result => {
     if (result.status == 200) {
       serverOnline.value = ServerStateEnum.ONLINE
diff --git a/software/src/pages/misc/searchPage/index.vue b/software/src/pages/misc/searchPage/index.vue
index f75b2a1..becdc28 100644
--- a/software/src/pages/misc/searchPage/index.vue
+++ b/software/src/pages/misc/searchPage/index.vue
@@ -5,7 +5,8 @@ import cardViewHorizontal from '@/components/basics/cardViewHorizontal.vue';
 import locationListItem from '@/components/pageParts/locationListItem.vue';
 import cardViewTopImage from '@/components/basics/cardViewTopImage.vue';
 import bandListItem from '@/components/pageParts/bandListItem.vue';
-import { useSearchStore } from '@/stores/searchStore';
+import { useSearchStore } from '@/stores/search.store';
+import ConcertListItem from '@/components/pageParts/concertListItem.vue';
 
 const searchStore = useSearchStore()
 </script>
@@ -30,7 +31,7 @@ const searchStore = useSearchStore()
           </v-row>
 
           <v-row
-            v-if="searchStore.searchInProgress"
+            v-if="searchStore.fetchInProgress"
             v-for="i in 2"
           >
             <v-col>
@@ -46,7 +47,7 @@ const searchStore = useSearchStore()
                 :band="band"
                 :concerts="band.concerts"
                 :genres="band.genres"
-                :loading="searchStore.searchInProgress"
+                :loading="searchStore.fetchInProgress"
               />
             </v-col>
           </v-row>
@@ -62,6 +63,46 @@ const searchStore = useSearchStore()
 
 
 
+          <!-- Section Concert results -->
+          <v-row>
+            <v-col>
+              <section-divider :title="$t('event', 2)" />
+            </v-col>
+          </v-row>
+
+          <v-row
+            v-if="searchStore.fetchInProgress"
+            v-for="i in 2"
+          >
+            <v-col>
+              <card-view-horizontal :loading="true" />
+            </v-col>
+          </v-row>
+
+          <v-row
+            v-else-if="searchStore.concerts.length > 0"
+            v-for="concert in searchStore.concerts"
+          >
+            <v-col>
+              <concert-list-item
+                :concert="concert"
+                :band="concert.band"
+                :location="concert.location"
+              />
+            </v-col>
+          </v-row>
+
+          <v-row v-else >
+            <v-col>
+              <v-empty-state 
+                :title="$t('noEventsFound')"
+                icon="mdi-party-popper"
+              />
+            </v-col>
+          </v-row>
+
+
+
           <!-- Section Location results -->
           <v-row>
             <v-col>
@@ -70,7 +111,7 @@ const searchStore = useSearchStore()
           </v-row>
 
           <v-row
-            v-if="searchStore.searchInProgress"
+            v-if="searchStore.fetchInProgress"
           >
             <v-col v-for="i in 4">
               <card-view-top-image :loading="true" />
@@ -82,11 +123,11 @@ const searchStore = useSearchStore()
           >
             <v-col
               cols="3"
-              v-for="locaiton in searchStore.locations"
+              v-for="location in searchStore.locations"
             >
               <location-list-item
-                :location="locaiton"
-                :concerts="locaiton.concerts"
+                :location="location"
+                :nr-of-concerts="location.concerts.length"
               />
             </v-col>
           </v-row>
@@ -99,49 +140,7 @@ const searchStore = useSearchStore()
               />
             </v-col>
           </v-row>
-
-
-
-          <!-- Section Event results -->
-          <v-row>
-            <v-col>
-              <section-divider :title="$t('event', 2)" />
-            </v-col>
-          </v-row>
-
-          <v-row
-            v-if="searchStore.searchInProgress"
-            v-for="i in 2"
-          >
-            <v-col>
-              <card-view-horizontal :loading="true" />
-            </v-col>
-          </v-row>
-
-          <!-- <v-row
-            v-else-if="searchStore.events.length > 0"
-            v-for="event in searchStore.events"
-          >
-            <v-col>
-              <event-list-item
-                :event="event"
-                :band="event.band"
-                :concerts="event.concerts"
-                :loading="searchStore.searchInProgress"
-              />
-            </v-col>
-          </v-row> -->
-
-          <v-row v-else >
-            <v-col>
-              <v-empty-state 
-                :title="$t('noEventsFound')"
-                icon="mdi-party-popper"
-              />
-            </v-col>
-          </v-row>
         </div>
-
       </v-col>
 
       <v-spacer />
diff --git a/software/src/pages/misc/searchPage/searchBar.vue b/software/src/pages/misc/searchPage/searchBar.vue
index 74fd0b9..0cc4873 100644
--- a/software/src/pages/misc/searchPage/searchBar.vue
+++ b/software/src/pages/misc/searchPage/searchBar.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import cardView from '@/components/basics/cardView.vue';
-import { useSearchStore } from '@/stores/searchStore';
+import { useSearchStore } from '@/stores/search.store';
 
 const searchStore = useSearchStore()
 </script>
diff --git a/software/src/scripts/validationRules.ts b/software/src/scripts/validationRules.ts
index 2c2e1ee..aecdc95 100644
--- a/software/src/scripts/validationRules.ts
+++ b/software/src/scripts/validationRules.ts
@@ -1,4 +1,4 @@
-import { useFeedbackStore } from "@/stores/feedbackStore"
+import { useFeedbackStore } from "@/stores/feedback.store"
 
 /**
  * Check a string for no numbers and more than four digits
diff --git a/software/src/stores/account.store.ts b/software/src/stores/account.store.ts
index 9621ce2..6e943c0 100644
--- a/software/src/stores/account.store.ts
+++ b/software/src/stores/account.store.ts
@@ -2,9 +2,9 @@ import { useLocalStorage } from "@vueuse/core";
 import { defineStore } from "pinia";
 import { AccountModel } from "../data/models/user/accountModel";
 import { OrderModel } from "../data/models/ordering/orderModel";
-import { useFeedbackStore } from "./feedbackStore";
+import { useFeedbackStore } from "./feedback.store";
 import { loginAccount, registerAccount, updateAccount } from "../data/api/accountApi";
-import { getUserOrders } from "../data/api/orderApi";
+import { fetchUserOrders } from "../data/api/orderApi";
 import { BannerStateEnum } from "../data/enums/bannerStateEnum";
 import { AddressModel } from "../data/models/user/addressModel";
 import { PaymentModel } from "../data/models/user/paymentModel";
@@ -17,27 +17,49 @@ export const useAccountStore = defineStore("accountStore", {
     /** Useraccount which is currently logged in */
     userAccount: useLocalStorage("hackmycart/accountStore/userAccount", new AccountApiModel()),
 
+    /** User input on login screen */
+    loginData: ref<{ username: String, password: String}>(
+      { username: "duranduran", password: "H4nn0ver" }
+    ),
+
+    /** */
+    registerData: ref<AccountModel>(new AccountModel()),
+
     /** All orders of the user */
-    orders: ref<Array<OrderApiModel>>([])
+    orders: ref<Array<OrderApiModel>>([]),
+
+    /** Request to server sent, waiting for data response */
+    fetchInProgress: ref(false)
   }),
 
   actions: {
     /**
      * Start the login process
      * 
-     * @param username Account username
-     * @param password Account password
+     * @returns True on success
      */
-    async login(username: string, password: string) {
+    async login(): Promise<boolean> {
       const feedbackStore = useFeedbackStore()
+      this.fetchInProgress = true
 
-      await loginAccount(username, password)
+      // Validate
+      if (this.loginData.username == null || this.loginData.username.length == 0 ||
+        this.loginData.password == null || this.loginData.password.length == 0
+      ) {
+        feedbackStore.changeBanner(BannerStateEnum.ACCOUNTLOGINWRONGLOGIN)
+        this.fetchInProgress = false
+        return false
+      }
+      else
+      {
+        await loginAccount(this.loginData.username, this.loginData.password)
         .then(async result => {
           this.userAccount = result.data
 
           feedbackStore.changeBanner(BannerStateEnum.ACCOUNTLOGINSUCCESSFUL)
 
-          this.refreshOrders()
+          this.fetchInProgress = false
+          return true
         })
         .catch(error => {
           if (error.status == 400) {
@@ -45,22 +67,39 @@ export const useAccountStore = defineStore("accountStore", {
           } else if (error.status == 401) {
             feedbackStore.changeBanner(BannerStateEnum.ACCOUNTLOGINWRONGLOGIN)
           }
+
+          this.fetchInProgress = false
+          return false
         })
+      }
     },
 
     /**
      * Register a new account to the database
+     * Log in on success
      * 
-     * @param userAccount New account dataset
+     * @returns True on success
      */
-    async registerAccount(userAccount: AccountModel) {
+    async registerAccount(): Promise<boolean> {
       const feedbackStore = useFeedbackStore()
+      this.fetchInProgress = true
 
-      await registerAccount(userAccount)
-        .then(res => {
+      await registerAccount(this.registerData)
+        .then(async res => {
           if (res.status == 201) {
             feedbackStore.changeBanner(BannerStateEnum.ACCOUNTREGISTERSUCCESSFUL)
           }
+
+          this.loginData = {
+            username: this.registerData.username,
+            password: this.registerData.password
+          }
+
+          await this.login()
+            .then(result => {
+              this.fetchInProgress = false
+              return true
+            })
         })
         .catch((error) => {
           if (error.status == 400) {
@@ -68,9 +107,17 @@ export const useAccountStore = defineStore("accountStore", {
           } else if (error.status == 409) {
             feedbackStore.changeBanner(BannerStateEnum.ACCOUNTREGISTERUSERNAMEINUSE)
           }
+
+          this.fetchInProgress = false
+          return false
         })
+
+        return false
     },
 
+    /**
+     * Update values of an existing account on server
+     */
     async updateAccount() {
       const feedbackStore = useFeedbackStore()
 
@@ -82,6 +129,9 @@ export const useAccountStore = defineStore("accountStore", {
         })
     },
 
+    /**
+     * Logout user
+     */
     logout() {
       const feedbackStore = useFeedbackStore()
 
@@ -95,9 +145,12 @@ export const useAccountStore = defineStore("accountStore", {
      * Get all orders from current user
      */
     async refreshOrders() {
-      await getUserOrders(this.userAccount.id)
+      this.fetchInProgress = true
+
+      await fetchUserOrders(this.userAccount.id)
         .then(result => {
           this.orders = result.data
+          this.fetchInProgress = false
         })
     },
 
diff --git a/software/src/stores/bandStore.ts b/software/src/stores/band.store.ts
similarity index 77%
rename from software/src/stores/bandStore.ts
rename to software/src/stores/band.store.ts
index 1786459..4874c48 100644
--- a/software/src/stores/bandStore.ts
+++ b/software/src/stores/band.store.ts
@@ -1,13 +1,18 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
 import { BandApiModel } from "../data/models/acts/bandApiModel";
-import { fetchAllBands, getBand } from "../data/api/bandApi";
+import { fetchAllBands, fetchBandByName } from "../data/api/bandApi";
 import { BandDetailsApiModel } from "../data/models/acts/bandDetailsApiModel";
 
 export const useBandStore = defineStore("bandStore", {
   state: () => ({
+    /** All available bands */
     bands: ref<Array<BandApiModel>>([]),
+
+    /** All information about a single band */
     band: ref<BandDetailsApiModel>(new BandDetailsApiModel()),
+    
+    /** Request to server sent, waiting for data response */
     fetchInProgress: ref(false)
   }),
 
@@ -25,7 +30,7 @@ export const useBandStore = defineStore("bandStore", {
     async getBand(name: string) {
       this.fetchInProgress = true
 
-      getBand(name)
+      fetchBandByName(name)
         .then(result => {
           this.band = result.data
           this.fetchInProgress = false
diff --git a/software/src/stores/basket.store.ts b/software/src/stores/basket.store.ts
index 19aadbb..d759efb 100644
--- a/software/src/stores/basket.store.ts
+++ b/software/src/stores/basket.store.ts
@@ -1,7 +1,7 @@
 import { defineStore } from "pinia";
 import { useLocalStorage } from "@vueuse/core";
 import { BasketItemModel } from "../data/models/ordering/basketItemModel";
-import { useFeedbackStore } from "./feedbackStore";
+import { useFeedbackStore } from "./feedback.store";
 import { BannerStateEnum } from "../data/enums/bannerStateEnum";
 import { AddressModel } from "../data/models/user/addressModel";
 import { PaymentModel } from "../data/models/user/paymentModel";
@@ -15,9 +15,16 @@ import { createOrder } from "@/data/api/orderApi";
 
 export const useBasketStore = defineStore('basketStore', {
   state: () => ({
-    itemsInBasket: useLocalStorage<Array<BasketItemModel>>("hackmycart/basketStore/productsInBasket", []),
+    /** Items in customers basket */
+    itemsInBasket: useLocalStorage<Array<BasketItemModel>>("hackmycart/basketStore/itemsInBasket", []),
+
+    /** Address used in the order dialog */
     usedAddress: useLocalStorage("hackmycart/basketStore/usedAddress", new AddressModel()),
+
+    /** Payment method used in the order dialog */
     usedPayment: useLocalStorage("hackmycart/basketStore/usedPayment", new PaymentModel()),
+
+    /** Selected seats in the booking page */
     selectedSeats: ref<Array<SelectedSeatModel>>([])
   }),
 
@@ -53,9 +60,16 @@ export const useBasketStore = defineStore('basketStore', {
       )
     },
 
-    moveSeatSelectionsToBasket(concert: ConcertModel, band: BandModel) {
+    /**
+     * Move all selected seats from selectedSeats to itemsInBasket variable
+     * 
+     * @param band Band of the concert
+     */
+    moveSeatSelectionsToBasket(band: BandModel) {
       for (let selectedSeat of this.selectedSeats) {
-        let itemInBasket: BasketItemModel = this.itemsInBasket.find((basketItem: BasketItemModel) => {
+        let itemInBasket: BasketItemModel = 
+          this.itemsInBasket.find((basketItem: BasketItemModel) => 
+        {
           return basketItem.concert.id == selectedSeat.concert.id
         })
 
@@ -77,13 +91,19 @@ export const useBasketStore = defineStore('basketStore', {
     },
 
     /**
-     * Take an order to the server. Sends all articles in the basket and creates an order entry in the backend database
+     * Take an order to the server. Sends all articles in the basket and 
+     * creates an order entry in the backend database
      */
     async takeOrder() {
       const accountStore = useAccountStore()
       const feedbackStore = useFeedbackStore()
 
-      await createOrder(accountStore.userAccount.id, this.itemsInBasket, this.usedPayment.id, this.usedAddress.id)
+      await createOrder(
+        accountStore.userAccount.id,
+        this.itemsInBasket,
+        this.usedPayment.id,
+        this.usedAddress.id
+      )
         .then(async result => {
           if (result.status == 201) {
             await accountStore.refreshOrders()
diff --git a/software/src/stores/concertStore.ts b/software/src/stores/concert.store.ts
similarity index 69%
rename from software/src/stores/concertStore.ts
rename to software/src/stores/concert.store.ts
index 81839f0..54b1b5c 100644
--- a/software/src/stores/concertStore.ts
+++ b/software/src/stores/concert.store.ts
@@ -1,14 +1,21 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
 import { ConcertApiModel } from "../data/models/acts/concertApiModel";
-import { fetchConcert, fetchConcerts, fetchUpcomingConcerts } from "../data/api/concertApi";
+import { fetchConcertById, fetchAllConcerts, fetchUpcomingConcerts } from "../data/api/concertApi";
 import { ConcertDetailsApiModel } from "../data/models/acts/concertDetailsApiModel";
 
 export const useConcertStore = defineStore("concertStore", {
   state: () => ({
+    /** All available concerts */
     concerts: ref<Array<ConcertApiModel>>([]),
+
+    /** Next upcoming concerts */
     upcomingConcerts: ref<Array<ConcertApiModel>>([]),
+
+    /** Enhanced data about a specific concert */
     concert: ref<ConcertDetailsApiModel>(new ConcertDetailsApiModel()),
+
+    /** Request to server sent, waiting for data response */
     fetchInProgress: ref(false)
   }),
 
@@ -19,23 +26,31 @@ export const useConcertStore = defineStore("concertStore", {
     async getConcerts() {
       this.fetchInProgress = true
 
-      fetchConcerts()
+      fetchAllConcerts()
         .then(result => {
           this.concerts = result.data
           this.fetchInProgress = false
         })
     },
 
+    /**
+     * Get all data about a specific concert 
+     * 
+     * @param id ID of the concert in the database
+     */
     async getConcert(id: number) {
       this.fetchInProgress = true
 
-      fetchConcert(id)
+      fetchConcertById(id)
         .then(result => {
           this.concert = result.data
           this.fetchInProgress = false
         })
     },
 
+    /**
+     * Download the next four upcoming concerts from server
+     */
     async getUpcomingConcerts() {
       this.fetchInProgress = true
 
diff --git a/software/src/stores/feedbackStore.ts b/software/src/stores/feedback.store.ts
similarity index 98%
rename from software/src/stores/feedbackStore.ts
rename to software/src/stores/feedback.store.ts
index 235e242..34304aa 100644
--- a/software/src/stores/feedbackStore.ts
+++ b/software/src/stores/feedback.store.ts
@@ -3,13 +3,16 @@ import { ref } from "vue";
 import { BannerStateEnum } from "../data/enums/bannerStateEnum";
 import { Composer } from 'vue-i18n';
 
+/**
+ * Logic of the bubble notifications
+ * Includes an i18n object for translation
+ */
 export const useFeedbackStore = defineStore("feedbackStore", {
   state: () => ({
     showBanner: ref(false),
     title: ref(""),
     color: ref(""),
     icon: ref(""),
-    fetchDataFromServerInProgress: ref(false),
     $i18n: {}
   }),
 
@@ -50,21 +53,27 @@ export const useFeedbackStore = defineStore("feedbackStore", {
         case BannerStateEnum.ACCOUNTLOGINSUCCESSFUL: {
           this.title = this.i18n.t('bannerMessages.loginSuccessful'); break;
         }
+
         case BannerStateEnum.ACCOUNTLOGINWRONGLOGIN: {
           this.title = this.i18n.t('bannerMessages.wrongLogin'); break;
         }
+
         case BannerStateEnum.ACCOUNTLOGINERROR: {
           this.title = this.i18n.t('bannerMessages.error'); break;
         }
+
         case BannerStateEnum.ACCOUNTREGISTERSUCCESSFUL: {
           this.title = this.i18n.t("bannerMessages.registerSuccessful"); break;
         }
+
         case BannerStateEnum.ACCOUNTREGISTERUSERNAMEINUSE: {
           this.title = this.i18n.t("bannerMessages.usernameInUse"); break;
         }
+
         case BannerStateEnum.ACCOUNTUPDATESUCCESSFUL: {
           this.title = this.i18n.t("bannerMessages.accountUpdated"); break;
         }
+
         case BannerStateEnum.ACCOUNTLOGOUTSUCCESSFUL: {
           this.title = this.i18n.t('bannerMessages.logoutSuccessful'); break;
         }
@@ -75,12 +84,15 @@ export const useFeedbackStore = defineStore("feedbackStore", {
         case BannerStateEnum.CATEGORYCREATESUCCESSFUL: {
           this.title = this.i18n.t('bannerMessages.categoryCreateSuccessful'); break;
         }
+
         case BannerStateEnum.CATEGORYDELETESUCESSFUL: {
           this.title = this.i18n.t('bannerMessages.categoryDeleteSuccessful'); break;
         }
+
         case BannerStateEnum.CATEGORYCREATEERROR: {
           this.title = this.i18n.t('bannerMessages.categoryCreateError'); break;
         }
+
         case BannerStateEnum.CATEGORYDELETEERROR: {
           this.title = this.i18n.t('bannerMessages.categoryDeleteError'); break;
         }
@@ -98,17 +110,21 @@ export const useFeedbackStore = defineStore("feedbackStore", {
         case BannerStateEnum.PRODUCTCREATESUCCESSFUL: {
           this.title = this.i18n.t('bannerMessages.productCreateSuccessful'); break;
         }
+
         case BannerStateEnum.PRODUCTCREATEERROR: {
           this.title = this.i18n.t('bannerMessages.productCreateError'); break;
         }
+
         case BannerStateEnum.PRODUCTDELETESUCCESSFUL: {
           this.title = this.i18n.t('bannerMessages.productDeleteSuccessful'); break;
         }
+
         case BannerStateEnum.PRODUCTDELETEERROR: {
           this.title = this.i18n.t('bannerMessages.productDeleteError'); break;
         }
       }
 
+
       // Banner color
 
       switch (bannerState) {
@@ -201,9 +217,6 @@ export const useFeedbackStore = defineStore("feedbackStore", {
           break;
       }
 
-      
-      
-
       this.showBanner = true
     }
   }
diff --git a/software/src/stores/locationStore.ts b/software/src/stores/location.store.ts
similarity index 65%
rename from software/src/stores/locationStore.ts
rename to software/src/stores/location.store.ts
index 1d25d51..2380cdc 100644
--- a/software/src/stores/locationStore.ts
+++ b/software/src/stores/location.store.ts
@@ -1,15 +1,26 @@
 import { defineStore } from "pinia";
 import { ref } from "vue";
-import { fetchAllLocations, fetchTopLocations } from "../data/api/locationApi";
+import { fetchAllLocations, fetchLocationByName, fetchTopLocations } from "../data/api/locationApi";
 import { LocationApiModel } from "../data/models/locations/locationApiModel";
 import { CityModel } from "../data/models/locations/cityModel";
 import { fetchAllCities } from "../data/api/cityApi";
+import { LocationDetailsApiModel } from "@/data/models/locations/locationDetailsApiModel";
 
 export const useLocationStore = defineStore("locationStore", {
   state: () => ({
+    /** All available locations */
     locations: ref<Array<LocationApiModel>>([]),
+
+    /** Locations with the most concerts */
     topLocations: ref<Array<LocationApiModel>>([]),
+
+    /** Enhanced data about a specific location */
+    location: ref<LocationDetailsApiModel>(),
+
+    /** All available cities */
     cities: ref<Array<CityModel>>([]),
+
+    /** Request to server sent, waiting for data response */
     fetchInProgress: ref(false)
   }),
 
@@ -32,6 +43,16 @@ export const useLocationStore = defineStore("locationStore", {
         })
     },
 
+    getLocationByName(name: string) {
+      this.fetchInProgress = true
+
+      fetchLocationByName(name)
+        .then(result => {
+          this.location = result.data
+          this.fetchInProgress = false
+        })
+    },
+
     /**
      * Get all locations in a specific city
      * 
@@ -46,6 +67,9 @@ export const useLocationStore = defineStore("locationStore", {
     },
 
 
+    /**
+     * Fetch top 8 locations from server
+     */
     async getTopLocations() {
       await fetchTopLocations(8)
         .then(result => {
diff --git a/software/src/stores/preferencesStore.ts b/software/src/stores/preferences.store.ts
similarity index 65%
rename from software/src/stores/preferencesStore.ts
rename to software/src/stores/preferences.store.ts
index 794dd22..5eace61 100644
--- a/software/src/stores/preferencesStore.ts
+++ b/software/src/stores/preferences.store.ts
@@ -2,10 +2,17 @@ import { defineStore } from "pinia";
 import { useLocalStorage } from "@vueuse/core";
 import { ThemeEnum } from "../data/enums/themeEnums";
 import { LanguageEnum } from "../data/enums/languageEnum";
+import { ref } from "vue";
 
 export const usePreferencesStore = defineStore('preferencesStore', {
   state: () => ({
+    /** Selected theme by user */
     theme: useLocalStorage<ThemeEnum>("hackmycart/preferencesStore/theme", ThemeEnum.DARKBLUE),
-    language: useLocalStorage<LanguageEnum>("hackmycart/preferencesStore/language", LanguageEnum.GERMAN)
+
+    /** Selected language by user */
+    language: useLocalStorage<LanguageEnum>("hackmycart/preferencesStore/language", LanguageEnum.GERMAN),
+
+    /** Request to server sent, waiting for data response */
+    fetchInProgress: ref(false)
   }),
 })
\ No newline at end of file
diff --git a/software/src/stores/search.store.ts b/software/src/stores/search.store.ts
new file mode 100644
index 0000000..5ffd85c
--- /dev/null
+++ b/software/src/stores/search.store.ts
@@ -0,0 +1,55 @@
+import { defineStore } from "pinia";
+import { ref } from "vue";
+import { fetchBandsBySearchTerm } from "../data/api/bandApi";
+import { fetchLocationsBySearchTerm } from "../data/api/locationApi";
+import { fetchConcertsBySearchTerm } from "../data/api/concertApi";
+import { ConcertApiModel } from "@/data/models/acts/concertApiModel";
+
+export const useSearchStore = defineStore("searchStore", {
+  state: () => ({
+    /** Search term */
+    searchTerm: ref(""),
+
+    /** Band results */
+    bands: ref(),
+
+    /** Location results */
+    locations: ref(),
+
+    /** Concert results */
+    concerts: ref<Array<ConcertApiModel>>([]),
+
+    /** One or more searches are already performed */
+    alreadySearched: ref(false),
+
+    /** Request to server sent, waiting for data response */
+    fetchInProgress: ref(false)
+  }),
+
+  actions: {
+    /**
+     * Search for the term in all bands, locations, events 
+     */
+    async startSearch() {
+      this.alreadySearched = true
+      this.fetchInProgress = true
+
+      await fetchBandsBySearchTerm(this.searchTerm)
+        .then(result => {
+          this.bands = result.data
+        })
+
+      await fetchLocationsBySearchTerm(this.searchTerm)
+        .then(result => {
+          this.locations = result.data
+        })
+
+      await fetchConcertsBySearchTerm(this.searchTerm)
+        .then(result => {
+          this.concerts = result.data
+        })
+
+      this.fetchInProgress = false
+    }
+  }
+})
\ No newline at end of file
diff --git a/software/src/stores/searchStore.ts b/software/src/stores/searchStore.ts
deleted file mode 100644
index 4ef01ed..0000000
--- a/software/src/stores/searchStore.ts
+++ /dev/null
@@ -1,43 +0,0 @@
-import { defineStore } from "pinia";
-import { ref } from "vue";
-import { searchBand } from "../data/api/bandApi";
-import { searchLocation } from "../data/api/locationApi";
-import { searchConcert } from "../data/api/concertApi";
-
-export const useSearchStore = defineStore("searchStore", {
-  state: () => ({
-    searchTerm: ref(""),
-    bands: ref(),
-    locations: ref(),
-    concerts: ref(),
-    alreadySearched: ref(false),
-    searchInProgress: ref(false)
-  }),
-
-  actions: {
-    /**
-     * Search for the termin in all bands, locations, events 
-     */
-    async startSearch() {
-      this.alreadySearched = true
-      this.searchInProgress = true
-
-      await searchBand(this.searchTerm)
-        .then(result => {
-          this.bands = result.data
-        })
-
-      await searchLocation(this.searchTerm)
-        .then(result => {
-          this.locations = result.data
-        })
-
-      await searchConcert(this.searchTerm)
-        .then(result => {
-          this.concerts = result.data
-        })
-
-      this.searchInProgress = false
-    }
-  }
-})
\ No newline at end of file
diff --git a/software/src/stores/shopStore.ts b/software/src/stores/shopStore.ts
deleted file mode 100644
index 359a267..0000000
--- a/software/src/stores/shopStore.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { defineStore } from "pinia";
-import { ref } from "vue";
-import { ConcertApiModel } from "../data/models/acts/concertApiModel";
-import { BandApiModel } from "../data/models/acts/bandApiModel";
-import { CityApiModel } from "../data/models/locations/cityApiModel";
-import { GenreApiModel } from "../data/models/acts/genreApiModel";
-import { searchBand } from "../data/api/bandApi";
-import { searchLocation } from "../data/api/locationApi";
-import { fetchConcerts, searchConcert } from "../data/api/concertApi";
-import { useFeedbackStore } from "./feedbackStore";
-
-export const useShopStore = defineStore("shopStore", {
-  state: () => ({
-    concertsFiltered: ref<Array<ConcertApiModel>>([]),
-    bandsFiltered: ref<Array<BandApiModel>>([]),
-    cities: ref<Array<CityApiModel>>([]),
-    cityFilterName: ref<string>(),
-    genreFilterName: ref<string>(),
-    genres: ref<Array<GenreApiModel>>([]),
-    alreadySearched: ref(false),
-    searchInProgress: ref(false)
-  }),
-  
-  actions: {
-    /**
-     * Search for the termin in all bands, locations, events 
-     */
-    async startSearch() {
-      this.alreadySearched = true
-      this.searchInProgress = true
-
-      await searchBand(this.searchTerm)
-        .then(result => {
-          this.bands = result.data
-        })
-
-      await searchLocation(this.searchTerm)
-        .then(result => {
-          this.locations = result.data
-        })
-
-      await searchConcert(this.searchTerm)
-        .then(result => {
-          this.concerts = result.data
-        })
-
-      this.searchInProgress = false
-    },
-
-    async getConcerts() {
-      const feedbackStore = useFeedbackStore()
-      feedbackStore.fetchDataFromServerInProgress = true
-
-      await fetchConcerts()
-        .then(result => {
-          this.concerts = result.data
-        })
-    }
-  }
-})
\ No newline at end of file
diff --git a/software/src/stores/shoppingStore.ts b/software/src/stores/shoppingStore.ts
deleted file mode 100644
index bffc1e1..0000000
--- a/software/src/stores/shoppingStore.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { defineStore } from "pinia";
-import { ref } from "vue";
-import { fetchAllCities } from "../data/api/cityApi";
-import { fetchAllGenres } from "../data/api/genreApi";
-import { useFeedbackStore } from "./feedbackStore";
-import { CityApiModel } from "../data/models/locations/cityApiModel";
-import { GenreApiModel } from "../data/models/acts/genreApiModel";
-
-/**
- * @deprecated
- */
-export const useShoppingStore = defineStore("shoppingStore", {
-  state: () => ({
-    cities: ref<Array<CityApiModel>>([]),
-    genres: ref<Array<GenreApiModel>>([]),
-    cityFilterName: ref<string>(),
-    genreFilterName: ref<string>()
-  }),
-
-  actions: {
-    async getEvents() {
-      const feedbackStore = useFeedbackStore()
-      feedbackStore.fetchDataFromServerInProgress = true
-    },
-
-    async getCities() {
-      const feedbackStore = useFeedbackStore()
-      feedbackStore.fetchDataFromServerInProgress = true
-
-      await fetchAllCities()
-        .then(result => {
-          this.cities = result.data
-          feedbackStore.fetchDataFromServerInProgress = false
-        })
-    },
-
-    async getGenres() {
-      const feedbackStore = useFeedbackStore()
-      feedbackStore.fetchDataFromServerInProgress = true
-
-      await fetchAllGenres()
-        .then(result => {
-          this.genres = result.data
-          feedbackStore.fetchDataFromServerInProgress = false
-        })
-    }
-  }
-})
\ No newline at end of file
diff --git a/software/tsconfig.web.json b/software/tsconfig.web.json
index 317df77..1212262 100644
--- a/software/tsconfig.web.json
+++ b/software/tsconfig.web.json
@@ -1,7 +1,8 @@
 {
   "include": [
     "src/**/*",
-    "src/**/*.vue"
+    "src/**/*.vue",
+    "package.json"
   ],
   "compilerOptions": {
     "composite": true,