diff --git a/backend/handlers/handle_user.go b/backend/handlers/handle_user.go
index 66032cb..a92d3af 100644
--- a/backend/handlers/handle_user.go
+++ b/backend/handlers/handle_user.go
@@ -135,6 +135,28 @@ func (store *Store) DeleteUser(ctx *gin.Context) {
 		return
 	}
 
-	store.DB.Delete(&user)
+	tx := store.DB.Delete(&user)
+	if tx.Error != nil {
+		ctx.JSON(http.StatusInternalServerError, tx.Error.Error())
+		return
+	}
+
+	ctx.SetCookie(
+		"access_token",
+		"",
+		-1,
+		store.Auth.Config.Endpoint,
+		store.Auth.Config.Domain,
+		true, true,
+	)
+	ctx.SetCookie(
+		"refresh_token",
+		"",
+		-1,
+		store.Auth.Config.Endpoint,
+		store.Auth.Config.Domain,
+		true, true,
+	)
+
 	ctx.JSON(http.StatusOK, user)
 }
diff --git a/backend/models/post.go b/backend/models/post.go
index fad427e..ec805f1 100644
--- a/backend/models/post.go
+++ b/backend/models/post.go
@@ -4,8 +4,8 @@ import "gorm.io/gorm"
 
 type Post struct {
 	gorm.Model        // includes ID, CreatedAt, UpdatedAt, DeletedAt
-	Title      string `gorm:"not null"`
-	AuthorID   uint
-	Author     User `gorm:"foreignKey:AuthorID"`
-	Content    string
+	Title      string `gorm:"not null" json:"title"`
+	AuthorID   uint   `json:"-"`
+	Author     User   `gorm:"foreignKey:AuthorID" json:"author"`
+	Content    string `json:"content"`
 }
diff --git a/backend/models/user.go b/backend/models/user.go
index a098ed3..a450125 100644
--- a/backend/models/user.go
+++ b/backend/models/user.go
@@ -4,7 +4,7 @@ import "gorm.io/gorm"
 
 type User struct {
 	gorm.Model        // includes ID, CreatedAt, UpdatedAt, DeletedAt
-	Username   string `gorm:"uniqueIndex"`
+	Username   string `gorm:"uniqueIndex" json:"username"`
 	Password   []byte `json:"-"`
-	Admin      bool
+	Admin      bool   `json:"admin"`
 }
diff --git a/nginx/vue/src/components/admin/Login.vue b/nginx/vue/src/components/admin/Login.vue
index 01a2021..a7c01bc 100644
--- a/nginx/vue/src/components/admin/Login.vue
+++ b/nginx/vue/src/components/admin/Login.vue
@@ -1,13 +1,26 @@
 <script setup>
-import { ref, onMounted } from "vue";
+import { ref, onMounted, computed } from "vue";
+import { useAuthStore } from "@/stores/auth";
 
-const loggedIn = ref(false);
+const auth = useAuthStore();
+const username = ref("");
+const password = ref("");
+const loggedIn = computed(() => Object.keys(auth.user.ID || {}).length > 0);
+
+function handleLogin() {
+    auth.logIn(username.value, password.value);
+}
 </script>
 
 <template>
-    <div v-if="!loggedIn">
+    <div v-if="loggedIn">
+        <p>{{ auth.user.ID }}</p>
+        <p>{{ auth.user.username }}</p>
+    </div>
+    <div v-else>
         <h1>login</h1>
-        <textarea>Username</textarea>
-        <textarea>Password</textarea>
+        <textarea v-model="username"></textarea>
+        <textarea type="password" v-model="password"></textarea>
+        <button @click="handleLogin">Log In</button>
     </div>
 </template>
diff --git a/nginx/vue/src/components/home/Favorites.vue b/nginx/vue/src/components/home/Favorites.vue
index a1c80d0..1b38b11 100644
--- a/nginx/vue/src/components/home/Favorites.vue
+++ b/nginx/vue/src/components/home/Favorites.vue
@@ -1,3 +1,11 @@
 <template>
-    <div></div>
+    <div>
+        <img src="/img/epic.jpeg" />
+    </div>
 </template>
+
+<style scoped>
+img {
+    width: 100%;
+}
+</style>
diff --git a/nginx/vue/src/components/home/Feed.vue b/nginx/vue/src/components/home/Feed.vue
index d54414e..cd5404b 100644
--- a/nginx/vue/src/components/home/Feed.vue
+++ b/nginx/vue/src/components/home/Feed.vue
@@ -18,5 +18,13 @@ onMounted(() => {
 </script>
 
 <template>
-    <div></div>
+    <div>
+        <img src="/img/epic.jpeg" />
+    </div>
 </template>
+
+<style scoped>
+img {
+    width: 100%;
+}
+</style>
diff --git a/nginx/vue/src/components/home/Gym.vue b/nginx/vue/src/components/home/Gym.vue
index a1c80d0..1b38b11 100644
--- a/nginx/vue/src/components/home/Gym.vue
+++ b/nginx/vue/src/components/home/Gym.vue
@@ -1,3 +1,11 @@
 <template>
-    <div></div>
+    <div>
+        <img src="/img/epic.jpeg" />
+    </div>
 </template>
+
+<style scoped>
+img {
+    width: 100%;
+}
+</style>
diff --git a/nginx/vue/src/components/home/Intro.vue b/nginx/vue/src/components/home/Intro.vue
index aa6373a..23940f8 100644
--- a/nginx/vue/src/components/home/Intro.vue
+++ b/nginx/vue/src/components/home/Intro.vue
@@ -6,6 +6,14 @@
             <p>Hello</p>
             <p>Hello</p>
             <p>Hello</p>
+            <p>Hello</p>
+            <p>Hello</p>
+            <p>Hello</p>
+            <p>Hello</p>
+            <p>Hello</p>
+            <p>Hello</p>
+            <p>Hello</p>
+            <p>Hello</p>
         </div>
     </div>
 </template>
diff --git a/nginx/vue/src/components/home/Links.vue b/nginx/vue/src/components/home/Links.vue
index c6a4f82..d090a21 100644
--- a/nginx/vue/src/components/home/Links.vue
+++ b/nginx/vue/src/components/home/Links.vue
@@ -3,19 +3,19 @@
         <RouterLink to="/cv">
             <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
         </RouterLink>
-        <RouterLink to="/login">
+        <RouterLink to="/admin">
             <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
         </RouterLink>
-        <RouterLink to="/login">
+        <RouterLink to="/admin">
             <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
         </RouterLink>
-        <RouterLink to="/login">
+        <RouterLink to="/admin">
             <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
         </RouterLink>
-        <RouterLink to="/login">
+        <RouterLink to="/admin">
             <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
         </RouterLink>
-        <RouterLink to="/login">
+        <RouterLink to="/admin">
             <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
         </RouterLink>
     </div>
diff --git a/nginx/vue/src/components/home/Listening.vue b/nginx/vue/src/components/home/Listening.vue
index 946a11c..aa0f428 100644
--- a/nginx/vue/src/components/home/Listening.vue
+++ b/nginx/vue/src/components/home/Listening.vue
@@ -10,9 +10,7 @@ let idx = 0;
 
 async function fetchRecent() {
     try {
-        const res = await axios.get(
-            "https://adam-french.co.uk/api/spotify/recent",
-        );
+        const res = await axios.get("/api/spotify/recent");
         songs = res.data;
         fetched.value = true;
         song.value = songs[0];
diff --git a/nginx/vue/src/components/home/Watching.vue b/nginx/vue/src/components/home/Watching.vue
index a1c80d0..1b38b11 100644
--- a/nginx/vue/src/components/home/Watching.vue
+++ b/nginx/vue/src/components/home/Watching.vue
@@ -1,3 +1,11 @@
 <template>
-    <div></div>
+    <div>
+        <img src="/img/epic.jpeg" />
+    </div>
 </template>
+
+<style scoped>
+img {
+    width: 100%;
+}
+</style>
diff --git a/nginx/vue/src/stores/auth.js b/nginx/vue/src/stores/auth.js
index a3bcd32..e921952 100644
--- a/nginx/vue/src/stores/auth.js
+++ b/nginx/vue/src/stores/auth.js
@@ -4,6 +4,7 @@ import axios from "axios";
 
 export const useAuthStore = defineStore("auth", () => {
   const user = ref({});
+  checkToken();
 
   function logOut() {
     user.value = {};
@@ -15,6 +16,7 @@ export const useAuthStore = defineStore("auth", () => {
         username,
         password,
       });
+      user.value = res.data;
     } catch (err) {
       console.error(err);
     }
@@ -34,7 +36,9 @@ export const useAuthStore = defineStore("auth", () => {
       const res = await axios.get("/api/auth/check");
       user.value = res.data;
     } catch (err) {
-      console.log(err);
+      user.value = {};
     }
   }
+
+  return { user, checkToken, logIn, refreshToken, logOut };
 });
diff --git a/nginx/vue/src/views/Home.vue b/nginx/vue/src/views/Home.vue
index 1a87bad..c9c288f 100644
--- a/nginx/vue/src/views/Home.vue
+++ b/nginx/vue/src/views/Home.vue
@@ -13,15 +13,15 @@ import Watching from "@/components/home/Watching.vue";
 <template>
     <main class="center-content flex-col">
         <div class="a4page-portrait bdr-1 grid">
-            <Intro class="intro bdr-2" />
-            <Listening class="listening bdr-2" />
-            <Stamps class="stamps bdr-2" />
-            <Feed class="feed bdr-2" />
-            <Links class="links bdr-2" />
-            <Collage class="collage bdr-2" />
-            <Favorites class="favorites bdr-2" />
-            <Gym class="gym bdr-2" />
-            <Watching class="watching bdr-2" />
+            <Intro class="intro bdr-primary bg-primary" />
+            <Listening class="listening bdr-primary bg-primary" />
+            <Stamps class="stamps bdr-primary bg-primary" />
+            <Feed class="feed bdr-primary bg-primary" />
+            <Links class="links bdr-primary bg-primary" />
+            <Collage class="collage bdr-primary bg-primary" />
+            <Favorites class="favorites bdr-primary bg-primary" />
+            <Gym class="gym bdr-primary bg-primary" />
+            <Watching class="watching bdr-primary bg-primary" />
         </div>
     </main>
 </template>