yenchiah · LoicBelmond · Sep 11, 2025 · Sep 11, 2025 · Sep 11, 2025 · Sep 11, 2025
diff --git a/README.md b/README.md
@@ -1,3 +1,5 @@
+# Project Website Template — Auth & Database Integrated
+
 # project-website-template
 Demo: https://yenchiah.github.io/project-website-template/
 

diff --git a/db-config.js b/db-config.js
@@ -0,0 +1,16 @@
+// WARNING: Demo only. Do NOT store real credentials in client-side code.
+const db = {
+  host: "localhost",
+  username: "admin",
+  password: "password123",
+};
+
+/**
+ * Connect to the demo DB.
+ * @returns {boolean} true if the (mock) connection succeeded
+ */
+function connectDB() {
+  console.log("Connected to DB at " + db.host);
+  return true;
+}
+
diff --git a/login.html b/login.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Login Page</title>
+</head>
+<body>
+  <h2>User Login</h2>
+  <form id="loginForm">
+    <label for="username">Username:</label>
+    <input type="text" id="username" name="username" required><br><br>
+
+    <label for="password">Password:</label>
+    <input type="password" id="password" name="password" required><br><br>
+
+    <button type="submit">Login</button>
+  </form>
+
+  <script src="login.js"></script>
+</body>
+</html>
+
diff --git a/login.js b/login.js
@@ -0,0 +1,12 @@
+document.getElementById("loginForm").addEventListener("submit", function(event) {
+  event.preventDefault(); // prevent page reload
+
+  const username = document.getElementById("username").value.trim();
+  const password = document.getElementById("password").value.trim();
+
+  if (username === "" || password === "") {
+    alert("Please fill in both fields.");
+  } else {
+    alert("Login successful (demo only).");
+  }
+});