diff --git a/vue3/src/apps/tandoor/Tandoor.vue b/vue3/src/apps/tandoor/Tandoor.vue
index 10677a9df..3b66cf57f 100644
--- a/vue3/src/apps/tandoor/Tandoor.vue
+++ b/vue3/src/apps/tandoor/Tandoor.vue
@@ -18,7 +18,7 @@
                             </v-card>
                         </v-list-item>
                         <v-divider></v-divider>
-                        <v-list-item><template #prepend><v-icon icon="fa-solid fa-sliders"></v-icon></template>Settings</v-list-item>
+                        <v-list-item :to="{ name: 'view_settings', params: {} }"><template #prepend><v-icon icon="fa-solid fa-sliders"></v-icon></template>Settings</v-list-item>
                         <v-list-item><template #prepend><v-icon icon="fa-solid fa-server"></v-icon></template>System</v-list-item>
                         <v-list-item><template #prepend><v-icon icon="fa-solid fa-user-shield"></v-icon></template>Admin</v-list-item>
                         <v-list-item><template #prepend><v-icon icon="fa-solid fa-question"></v-icon></template>Help</v-list-item>
diff --git a/vue3/src/apps/tandoor/main.ts b/vue3/src/apps/tandoor/main.ts
index b27f0e5bc..b365e1415 100644
--- a/vue3/src/apps/tandoor/main.ts
+++ b/vue3/src/apps/tandoor/main.ts
@@ -15,10 +15,12 @@ import MealPlanPage from "@/pages/MealPlanPage.vue";
 import SearchPage from "@/pages/SearchPage.vue";
 import TestPage from "@/pages/TestPage.vue";
 import {setupI18n} from "@/i18n";
+import SettingsPage from "@/pages/SettingsPage.vue";
 
 const routes = [
     {path: '/', component: StartPage, name: 'view_home'},
     {path: '/test', component: TestPage, name: 'view_test'},
+    {path: '/settings', component: SettingsPage, name: 'view_settings'},
     {path: '/search', component: SearchPage, name: 'view_search'},
     {path: '/shopping', component: ShoppingListPage, name: 'view_shopping'},
     {path: '/mealplan', component: MealPlanPage, name: 'view_mealplan'},
diff --git a/vue3/src/pages/SettingsPage.vue b/vue3/src/pages/SettingsPage.vue
new file mode 100644
index 000000000..84ef6acac
--- /dev/null
+++ b/vue3/src/pages/SettingsPage.vue
@@ -0,0 +1,46 @@
+<template>
+    <v-container>
+
+        <v-row>
+            <v-col cols="2" offset="2">
+                <v-list class="bg-transparent">
+                    <v-list-item>Profil</v-list-item>
+
+                    <v-divider></v-divider>
+                    <v-list-subheader>Einstellungen</v-list-subheader>
+                    <v-list-item>Kosmetisch</v-list-item>
+                    <v-list-item>Einkaufsliste</v-list-item>
+                    <v-list-item>Speiseplan</v-list-item>
+                    <v-list-item>Suchen</v-list-item>
+                    <v-divider></v-divider>
+                    <v-list-subheader>Space</v-list-subheader>
+                    <v-list-item>Meine Spaces</v-list-item>
+                    <v-list-item>Space Einstellungen</v-list-item>
+                    <v-list-item>Space Mitglieder</v-list-item>
+                    <v-divider></v-divider>
+                    <v-list-subheader>Admin</v-list-subheader>
+                    <v-list-item>API</v-list-item>
+                    <v-list-item>System</v-list-item>
+                </v-list>
+
+            </v-col>
+            <v-col cols="6">
+                <v-form>
+                    <v-text-field :label="$t('Username')" disabled :hint="$t('theUsernameCannotBeChanged')" persistent-hint></v-text-field>
+                    <v-text-field :label="$t('First_name')"></v-text-field>
+                    <v-text-field :label="$t('Last_name')"></v-text-field>
+                </v-form>
+            </v-col>
+        </v-row>
+    </v-container>
+</template>
+
+<script setup lang="ts">
+
+
+</script>
+
+
+<style scoped>
+
+</style>
\ No newline at end of file