Added loging page

frontend/src/routes/+page.svelte

@@ -1,10 +1,38 @@
 
 
-<script>
-  let user = '';
-  let password = '';
-  let loading = false;
-  let error = '';
+<script lang="ts">
+  import { API_BASE } from '$lib/config';
+
+  let user : any = '';
+  let password : any = '';
+  let loading : any = false;
+  let error : any = '';
+
+  async function handleLogin() {
+    let error : any = '';
+    let loading : Boolean = true;
+
+    try {
+      const res = await fetch(`${API_BASE}/api/shadowrun/characters`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ 
+          username: user,
+          password: password,
+          })
+        });
+
+        if (res.ok) {
+          characters = await res.json();
+        }
+
+      alert('Logged in!');
+    } catch (e) {
+      error = e.message;
+    } finally {
+      loading = false;
+    }
+  }
 </script>
 
 <form class="login" on:submit|preventDefault={handleLogin}>
@@ -29,25 +57,6 @@
   </button>
 </form>
 
-<script>
-  async function handleLogin() {
-    error = '';
-    loading = true;
-
-    try {
-      // placeholder – we’ll add real auth next
-      if user !== 'test@test.com' || password !== '1234') {
-        throw new Error('Invalid credentials');
-      }
-
-      alert('Logged in!');
-    } catch (e) {
-      error = e.message;
-    } finally {
-      loading = false;
-    }
-  }
-</script>
 
 <style>
   .login {