frontend Login page createted

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',

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'),
+    },
+
   ],
 })
 

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>
+