diff --git a/frontend/src/views/LoginView.vue b/frontend/src/views/LoginView.vue
new file mode 100644
index 0000000..98a8b50
--- /dev/null
+++ b/frontend/src/views/LoginView.vue
@@ -0,0 +1,37 @@
+<template>
+  <div class="login">
+    <h2>Login</h2>
+    <form @submit.prevent="handleLogin">
+      <div class="form-group">
+        <label>Username</label>
+        <input v-model="username" type="text" required />
+      </div>
+      <div class="form-group">
+        <label>Password</label>
+        <input v-model="password" type="password" required />
+      </div>
+      <button type="submit" class="btn btn-primary">Login</button>
+    </form>
+    <p>Don't have an account? <router-link to="/register">Register</router-link></p>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useAuthStore } from '../stores/auth'
+import { useRouter } from 'vue-router'
+
+const username = ref('')
+const password = ref('')
+const authStore = useAuthStore()
+const router = useRouter()
+
+const handleLogin = async () => {
+  const success = await authStore.login(username.value, password.value)
+  if (success) {
+    router.push('/workspaces')
+  } else {
+    alert('Login failed')
+  }
+}
+</script>