diff --git a/GUI/src/App.vue b/GUI/src/App.vue
deleted file mode 100644
index abfd315..0000000
--- a/GUI/src/App.vue
+++ /dev/null
@@ -1,11 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <h1>You did it!</h1>
-  <p>
-    Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
-    documentation
-  </p>
-</template>
-
-<style scoped></style>
diff --git a/GUI/src/Layout.vue b/GUI/src/Layout.vue
new file mode 100644
index 0000000..adc4f91
--- /dev/null
+++ b/GUI/src/Layout.vue
@@ -0,0 +1,8 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h1>You did it!</h1>
+  <router-view></router-view>
+</template>
+
+<style scoped></style>
diff --git a/GUI/src/main.ts b/GUI/src/main.ts
index c09854a..08d2815 100644
--- a/GUI/src/main.ts
+++ b/GUI/src/main.ts
@@ -1,5 +1,5 @@
 import { createApp } from 'vue'
-import App from './App.vue'
+import App from './Layout.vue'
 import router from './router'
 import vuetify from './plugins/vuetify'
 
diff --git a/GUI/src/router/index.ts b/GUI/src/router/index.ts
index e1eab52..07d76ff 100644
--- a/GUI/src/router/index.ts
+++ b/GUI/src/router/index.ts
@@ -1,8 +1,17 @@
+import Home from '@/routes/Home.vue'
+import NotFound from '@/routes/404NotFound.vue'
 import { createRouter, createWebHistory } from 'vue-router'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [],
+  routes: [
+    {
+      name: 'Home',
+      path: '/',
+      component: Home,
+    },
+    { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFound },
+  ],
 })
 
 export default router
diff --git a/GUI/src/routes/404NotFound.vue b/GUI/src/routes/404NotFound.vue
new file mode 100644
index 0000000..7b62b86
--- /dev/null
+++ b/GUI/src/routes/404NotFound.vue
@@ -0,0 +1,21 @@
+<script setup lang="ts"></script>
+
+<template>
+  <h1>404</h1>
+</template>
+
+<style scoped>
+.error-title {
+  font-size: 3rem;
+  font-weight: bold;
+  margin-bottom: 1rem;
+  letter-spacing: 2px;
+  color: #fff;
+}
+
+.error-message {
+  font-size: 1.25rem;
+  opacity: 0.85;
+  color: #fff;
+}
+</style>
diff --git a/GUI/src/routes/Home.vue b/GUI/src/routes/Home.vue
new file mode 100644
index 0000000..eba75b9
--- /dev/null
+++ b/GUI/src/routes/Home.vue
@@ -0,0 +1,9 @@
+<script setup lang="ts">
+</script>
+
+<template>
+    <h1>Home Vue</h1>
+</template>
+
+<style scoped>
+</style>
\ No newline at end of file