Added more frontend and some more login logic

frontend/assets/js/register.js

@@ -0,0 +1,43 @@
+// register.js
+document.addEventListener("DOMContentLoaded", () => {
+    const form = document.getElementById("register-form");
+    const msgBox = document.getElementById("message");
+
+    form.addEventListener("submit", async (e) => {
+        e.preventDefault();
+
+        msgBox.style.display = "none";
+        msgBox.className = "message";
+
+        const username = document.getElementById("username").value;
+        const password = document.getElementById("password").value;
+
+        try {
+            const response = await fetch("/api/register", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ username, password })
+            });
+
+            if (!response.ok) {
+                const text = await response.text();
+                throw new Error(text);
+            }
+
+            msgBox.textContent = "Registration successful! Redirecting...";
+            msgBox.classList.add("success");
+            msgBox.style.display = "block";
+
+            form.querySelector("button").disabled = true;
+
+            setTimeout(() => {
+                window.location.href = "/login";
+            }, 1500);
+
+        } catch (err) {
+            msgBox.textContent = err.message;
+            msgBox.classList.add("error");
+            msgBox.style.display = "block";
+        }
+    });
+});