diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 86b4c64..935c6c8 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -35,6 +35,11 @@ const items = ref([
         icon: 'pi pi-graduation-cap',
         route: '/Student'
     },
+    {
+        label: 'Login',
+        icon: 'pi pi-graduation-cap',
+        route: '/Login'
+    },
     {
         label: 'Projects',
         icon: 'pi pi-search',
diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 2034ec4..d6346a7 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -23,6 +23,13 @@ const router = createRouter({
 
       component: () => import('../views/StudentView.vue'),
     },
+    {
+      path: '/Login',
+      name: 'Login',
+
+      component: () => import('../views/LoginView.vue'),
+    },
+
   ],
 })
 
diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
new file mode 100644
index 0000000..0e9caa8
--- /dev/null
+++ b/frontend/src/views/LoginView.vue
@@ -0,0 +1,16 @@
+<template>
+    <div class="Login">
+      <h1>This is the Login Page</h1>
+    </div>
+  </template>
+  
+  <style>
+  @media (min-width: 1024px) {
+    .about {
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+    }
+  }
+  </style>
+  
\ No newline at end of file