diff --git a/StudentFunctions.py b/StudentFunctions.py
index c4b494d..8436878 100644
--- a/StudentFunctions.py
+++ b/StudentFunctions.py
@@ -10,7 +10,8 @@ def createStudent(studentID, studentPWD, enrolledCourses = []):
         Item = {
             'StudentId' : studentID,
             'StudentPWD' : studentPWD,
-            'EnrolledCourses' : enrolledCourses
+            'EnrolledCourses' : enrolledCourses,
+            'AuthToken' : None
         }
     )
 
@@ -19,4 +20,4 @@ def createStudent(studentID, studentPWD, enrolledCourses = []):
 
 
 if __name__ == "__main__":
-    createStudent("awp10101", "myPassword")
\ No newline at end of file
+    createStudent("testUser", "myNewPassword")
\ No newline at end of file
diff --git a/class_registration_app/ngrok 2 b/class_registration_app/ngrok 2
new file mode 100755
index 0000000..bfb7c9a
Binary files /dev/null and b/class_registration_app/ngrok 2 differ
diff --git a/class_registration_app/src/components/DashBoard.vue b/class_registration_app/src/components/DashBoard.vue
index aab5dc0..b4d7210 100644
--- a/class_registration_app/src/components/DashBoard.vue
+++ b/class_registration_app/src/components/DashBoard.vue
@@ -14,7 +14,9 @@
             <RouterLink to="./courses">
             <button class="uconn-button">Course Search</button>
             </RouterLink>
+            <RouterLink to="./my_courses">
             <button class="uconn-button">Current Classes</button>
+            </RouterLink>
         </div>
     </div>
 </template>
diff --git a/class_registration_app/src/components/EnrolledCourseList.vue b/class_registration_app/src/components/EnrolledCourseList.vue
new file mode 100644
index 0000000..697cc61
--- /dev/null
+++ b/class_registration_app/src/components/EnrolledCourseList.vue
@@ -0,0 +1,12 @@
+<script setup lang="ts">
+</script>
+
+<template>
+    <div class="container">
+        <h1>My Classes</h1>
+    </div>
+
+</template>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/class_registration_app/src/components/LoginPage.vue b/class_registration_app/src/components/LoginPage.vue
index 1ea4c91..f7f3d1f 100644
--- a/class_registration_app/src/components/LoginPage.vue
+++ b/class_registration_app/src/components/LoginPage.vue
@@ -1,22 +1,58 @@
-<script setup lang="ts">
-
-</script>
-
 <template>
-    <section class="form animated flipInX">
-        <h2>Login To Your Account</h2>
-        <p class="valid">Valid. Please wait a moment.</p>
-        <p class="error">Error. Please enter correct Username &amp; password.</p>
-        <form class="loginbox" autocomplete="off">
-          <input placeholder="Username" type="text" id="username"/>
-          <input placeholder="Password" type="password" id="password"/>
-      <RouterLink to="./dashboard">
-        <button  id="submit">Login</button>
+  <section class="form animated flipInX">
+    <h2>Login To Your Account</h2>
+    <p class="valid">Valid. Please wait a moment.</p>
+    <p class="error">Error. Please enter correct Username &amp; password.</p>
+    <form class="loginbox" autocomplete="off">
+      <input placeholder="Username" type="text" id="username" v-model="data.username" />
+      <input placeholder="Password" type="password" id="password" v-model="data.password"/>
+      <RouterLink v-if="!authenticationFailed" to="./dashboard" @click.prevent="tryLogin"> <!--use v-if here-->
+        <button id="submit">Login</button>
       </RouterLink>
-      </form>
-      <RouterLink to="/">Back</RouterLink>
-      </section>
+    </form>
+    <RouterLink to="/">Back</RouterLink>
+  </section>
 </template>
+
+<script setup lang="ts">
+import router from '@/router';
+import axios from 'axios';
+import { reactive } from 'vue';
+
+const data = reactive({
+  username: '',
+  password: '',
+});
+
+let authenticationFailed = false;
+
+const tryLogin = async () => {
+  const apiUrl = `https://yqoa0pwe5b.execute-api.us-east-1.amazonaws.com/login/get-list?username=${data.username}&password=${data.password}`;
+  try {
+    const response = await axios.get(apiUrl, {
+      params: {
+        // Enter query parameters here
+      },
+    });
+    console.log(response.data);
+    const res = response.data;
+
+    if (authenticationSucceeds(res)) {
+      await router.push({path: '/dashboard'});
+    } else {
+      authenticationFailed = true;
+    }
+
+  } catch (error) {
+    console.error(error);
+    authenticationFailed = true;
+  }
+};
+
+const authenticationSucceeds = (response) => {
+  return response.data && response.data.statusCode === 200;
+};
+</script>
     
     <style scoped>
     section {
diff --git a/class_registration_app/src/router/index.ts b/class_registration_app/src/router/index.ts
index b56c908..cfd7ba8 100644
--- a/class_registration_app/src/router/index.ts
+++ b/class_registration_app/src/router/index.ts
@@ -5,6 +5,7 @@ import RegisterAccount from '../components/RegisterAccount.vue'
 import CourseSearch from '../components/CourseSearch.vue'
 import ScheduleView from '../components/ScheduleView.vue'
 import DashBoard from '../components/DashBoard.vue'
+import EnrolledCourseList from '../components/EnrolledCourseList.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -41,6 +42,11 @@ const router = createRouter({
       path: '/schedule_viewer',
       name: 'Schedule Viewer',
       component: ScheduleView
+    },
+    {
+      path: '/my_courses',
+      name: 'My Courses',
+      component: EnrolledCourseList
     }
 
   ]