added main html and js

redbackspider77 · redbackspider77 · commit 1a266312a938 · 2025-05-02T18:16:14.000+10:00
diff --git a/app.js b/app.js
@@ -0,0 +1,50 @@
+// app.js
+
+// Replace these config values with your Firebase project settings
+const firebaseConfig = {
+    apiKey: "YOUR_API_KEY",
+    authDomain: "YOUR_PROJECT.firebaseapp.com",
+    databaseURL: "https://YOUR_PROJECT.firebaseio.com",
+    projectId: "YOUR_PROJECT_ID",
+    storageBucket: "YOUR_PROJECT.appspot.com",
+    messagingSenderId: "YOUR_SENDER_ID",
+    appId: "YOUR_APP_ID"
+  };
+  
+  firebase.initializeApp(firebaseConfig);
+  const auth = firebase.auth();
+  const db = firebase.database();
+  
+  const signInBtn = document.getElementById("googleSignInBtn");
+  const userInfo = document.getElementById("user-info");
+  
+  signInBtn.addEventListener("click", () => {
+    const provider = new firebase.auth.GoogleAuthProvider();
+    auth.signInWithPopup(provider)
+      .then((result) => {
+        const user = result.user;
+        const email = user.email;
+  
+        if (!email.endsWith("@myschool.nsw.edu.au")) {
+          alert("Please use your school Google account.");
+          auth.signOut();
+          return;
+        }
+  
+        // Add user to database
+        const uid = user.uid;
+        db.ref("users/" + uid).set({
+          name: user.displayName,
+          email: user.email,
+          score: 0
+        });
+  
+        userInfo.innerText = `Signed in as ${user.displayName}`;
+        signInBtn.style.display = "none";
+      })
+      .catch((error) => {
+        console.error("Sign-in error:", error);
+        alert("Sign-in failed.");
+      });
+  });
+  
diff --git a/index.html b/index.html
@@ -0,0 +1,19 @@
+<!-- index.html -->
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Year 8 Chess Tournament</title>
+  <meta charset="UTF-8">
+  <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-app-compat.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-auth-compat.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/9.22.2/firebase-database-compat.js"></script>
+  <script defer src="app.js"></script>
+</head>
+<body>
+  <h1>Welcome to the Year 8 Chess Tournament</h1>
+  <div id="user-section">
+    <button id="googleSignInBtn">Sign in with Google</button>
+    <p id="user-info"></p>
+  </div>
+</body>
+</html>
