diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index e86098f10..9dd8f7936 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -21,6 +21,7 @@
         "hammerjs": "^2.0.8",
         "papaparse": "^5.4.1",
         "pinia": "^2.1.7",
+        "pinia-plugin-persistedstate": "^3.2.1",
         "popper.js": "^1.16.1",
         "qrcode.vue": "^3.4.1",
         "register-service-worker": "^1.7.1",
@@ -11671,6 +11672,14 @@
         }
       }
     },
+    "node_modules/pinia-plugin-persistedstate": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/pinia-plugin-persistedstate/-/pinia-plugin-persistedstate-3.2.1.tgz",
+      "integrity": "sha512-MK++8LRUsGF7r45PjBFES82ISnPzyO6IZx3CH5vyPseFLZCk1g2kgx6l/nW8pEBKxxd4do0P6bJw+mUSZIEZUQ==",
+      "peerDependencies": {
+        "pinia": "^2.0.0"
+      }
+    },
     "node_modules/pinia/node_modules/vue-demi": {
       "version": "0.14.7",
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index 03733cac8..82c7b72ee 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -25,6 +25,7 @@
     "hammerjs": "^2.0.8",
     "papaparse": "^5.4.1",
     "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.1",
     "popper.js": "^1.16.1",
     "qrcode.vue": "^3.4.1",
     "register-service-worker": "^1.7.1",
diff --git a/frontend/src/components/UserStories.vue b/frontend/src/components/UserStories.vue
index f86ea7efb..1da1cba65 100644
--- a/frontend/src/components/UserStories.vue
+++ b/frontend/src/components/UserStories.vue
@@ -55,7 +55,7 @@
           readonly
           size="sm"
           :placeholder="t('page.session.before.userStories.placeholder.userStoryTitle')"
-          @blur="publishChanges(index, false)"
+          @click="publishChanges(index, false)"
         />
 
         <b-badge id="badge" class="p-2">
@@ -111,6 +111,7 @@
 
 <script lang="ts">
 import { defineComponent } from "vue";
+import { useDiveniStore } from "@/store";
 import UserStory from "../model/UserStory";
 import { useI18n } from "vue-i18n";
 
@@ -124,8 +125,9 @@ export default defineComponent({
     hostSelectedStoryIndex: { type: Number, required: false, default: null },
   },
   setup() {
+    const store = useDiveniStore();
     const { t } = useI18n();
-    return { t };
+    return { store, t };
   },
   data() {
     return {
@@ -149,6 +151,7 @@ export default defineComponent({
   },
   mounted() {
     this.userStories = this.initialStories as Array<UserStory>;
+    this.selectedStoryIndex = this.store.selectedUserStoryIndex;
   },
   methods: {
     setUserStoryAsActive(index) {
@@ -197,6 +200,7 @@ export default defineComponent({
       this.publishChanges(index, true);
     },
     publishChanges(index, remove) {
+      this.store.setUserStoryIndex(index);
       this.$emit("userStoriesChanged", { us: this.userStories, idx: index, doRemove: remove });
     },
     markUserStory(index) {
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index 59e8d7eda..7953d40a7 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -3,7 +3,7 @@
   Diveni - The Planing-Poker App
   Copyright (C) 2022 AUME-Team 21/22, HTWG Konstanz
 */
-import Vue, { createApp } from "vue";
+import Vue, { createApp, watch } from "vue";
 import axios from "axios";
 import VueAxios from "vue-axios";
 import App from "./App.vue";
@@ -11,6 +11,7 @@ import "./registerServiceWorker";
 import router from "./router";
 import setupInterceptors from "./interceptors";
 import { createPinia } from "pinia";
+import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
 import { BootstrapVue, IconsPlugin, ModalPlugin } from "bootstrap-vue";
 import "./assets/style/main.scss";
 import Toast from "vue-toastification";
@@ -28,6 +29,7 @@ setupInterceptors();
 const app = createApp(App);
 
 const pinia = createPinia();
+pinia.use(piniaPluginPersistedstate);
 
 app
   .use(VueAxios, axios)
@@ -37,3 +39,12 @@ app
   .use(i18n)
   .use(Toast, {})
   .mount("#app");
+
+watch(
+  pinia.state,
+  (state) => {
+    // persist the whole state to the local storage whenever it changes
+    localStorage.setItem("diveni-store", JSON.stringify(state["diveni-store"]));
+  },
+  { deep: true }
+);
diff --git a/frontend/src/store/index.ts b/frontend/src/store/index.ts
index 739ced1f8..e79de775b 100644
--- a/frontend/src/store/index.ts
+++ b/frontend/src/store/index.ts
@@ -9,23 +9,28 @@ import Member from "@/model/Member";
 import AdminVote from "@/model/AdminVote";
 
 export const useDiveniStore = defineStore("diveni-store", {
-  state: () => ({
-    stompClient: undefined as Client | undefined,
-    webSocketConnected: false,
-    memberUpdates: [] as string[],
-    userStories: [] as UserStory[],
-    members: [] as Member[],
-    notifications: [] as Notification[],
-    highlightedMembers: [],
-    timerTimestamp: undefined as string | undefined,
-    tokenId: undefined,
-    projects: [],
-    selectedProject: undefined as Project | undefined,
-    selectedUserStoryIndex: null as number | null,
-    hostEstimation: undefined as AdminVote | undefined,
-    hostVoting: false,
-    autoReveal: false,
-  }),
+  state: () => {
+    return {
+      stompClient: undefined as Client | undefined,
+      webSocketConnected: false,
+      memberUpdates: [] as string[],
+      userStories: [] as UserStory[],
+      members: [] as Member[],
+      notifications: [] as Notification[],
+      highlightedMembers: [],
+      timerTimestamp: undefined as string | undefined,
+      tokenId: undefined,
+      projects: [],
+      selectedProject: undefined as Project | undefined,
+      selectedUserStoryIndex: null as number | null,
+      hostEstimation: undefined as AdminVote | undefined,
+      hostVoting: false,
+      autoReveal: false,
+    };
+  },
+  persist: {
+    storage: localStorage, //Storage where we store our "store-state"
+  },
   actions: {
     setMembers(members) {
       this.members = members;
@@ -117,6 +122,7 @@ export const useDiveniStore = defineStore("diveni-store", {
       this.notifications = [];
       this.webSocketConnected = false;
       this.stompClient = undefined;
+      this.selectedUserStoryIndex = null;
     },
     clearStoreWithoutUserStories() {
       this.members = [];
@@ -134,6 +140,9 @@ export const useDiveniStore = defineStore("diveni-store", {
     setUserStories({ stories }) {
       this.userStories = stories;
     },
+    setUserStoryIndex(idx) {
+      this.selectedUserStoryIndex = idx;
+    },
     setTokenId(tokenId) {
       this.tokenId = tokenId;
     },
diff --git a/frontend/src/views/LandingPage.vue b/frontend/src/views/LandingPage.vue
index c929906d6..28cff9ae3 100644
--- a/frontend/src/views/LandingPage.vue
+++ b/frontend/src/views/LandingPage.vue
@@ -161,7 +161,7 @@ export default defineComponent({
     };
   },
   created() {
-    this.disconnectFromBackendWS();
+    this.store.clearStoreWithoutUserStories();
     this.checkAdminCookie();
   },
   methods: {
@@ -228,9 +228,6 @@ export default defineComponent({
         },
       });
     },
-    disconnectFromBackendWS() {
-      this.store.disconnectFromBackendWS();
-    },
   },
 });
 </script>
diff --git a/frontend/src/views/PrepareSessionPage.vue b/frontend/src/views/PrepareSessionPage.vue
index 50a9d552f..71ce102dd 100644
--- a/frontend/src/views/PrepareSessionPage.vue
+++ b/frontend/src/views/PrepareSessionPage.vue
@@ -258,7 +258,13 @@ export default defineComponent({
         return ["notSelectedTab", "notSelectedTextColor"];
       }
     },
+    sendUnregisterCommand() {
+      const endPoint = `${Constants.webSocketUnregisterRoute}`;
+      this.store.sendViaBackendWS(endPoint);
+      this.store.clearStore();
+    },
     async sendCreateSessionRequest() {
+      this.sendUnregisterCommand();
       const url = Constants.backendURL + Constants.createSessionRoute;
       const sessionConfig = {
         set: this.selectedCardSetOptions,
diff --git a/frontend/src/views/SessionPage.vue b/frontend/src/views/SessionPage.vue
index d649c4d2f..363c653a5 100644
--- a/frontend/src/views/SessionPage.vue
+++ b/frontend/src/views/SessionPage.vue
@@ -485,8 +485,11 @@ export default defineComponent({
       console.log("ON MOUNTED");
       this.estimateFinished = true;
     }
+    if (this.userStoryMode === "US_JIRA") {
+      this.refreshUserStories();
+    }
   },
-  destroyed() {
+  unmounted() {
     window.removeEventListener("beforeunload", this.sendUnregisterCommand);
   },
   methods: {
@@ -691,7 +694,7 @@ export default defineComponent({
     sendUnregisterCommand() {
       const endPoint = `${Constants.webSocketUnregisterRoute}`;
       this.store.sendViaBackendWS(endPoint);
-      this.store.clearStore();
+      this.store.clearStoreWithoutUserStories();
     },
     sendVotingFinishedMessage() {
       if (!this.estimateFinished) {