diff --git a/frontend/components/Header.vue b/frontend/components/Header.vue
index 8616390..c08dc1f 100644
--- a/frontend/components/Header.vue
+++ b/frontend/components/Header.vue
@@ -40,6 +40,12 @@ const userOptions: Array<UserOption> = [
 			toggleUserOptions()
 		},
 	},
+	{
+		title: 'Profile',
+		onClick: () => {
+			useRouter().push('/profile')
+		},
+	},
 ]
 </script>
 
diff --git a/frontend/pages/profile.vue b/frontend/pages/profile.vue
new file mode 100644
index 0000000..057b91a
--- /dev/null
+++ b/frontend/pages/profile.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+definePageMeta({
+	middleware: ['auth'],
+})
+
+const user = useUser()
+
+const deleteUser = async () => {
+	await userDelete()
+}
+</script>
+
+<template>
+	<div>
+		<button @click="deleteUser()">Delete Account</button>
+	</div>
+</template>