Firebase changes

adding javasciript

Author: PivotMenace

js/firebase.js

@@ -0,0 +1,17 @@
+import { initializeApp } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-app.js";
+import { getFirestore } from "https://www.gstatic.com/firebasejs/10.12.2/firebase-firestore.js";
+
+const firebaseConfig = {
+  apiKey: "AIzaSyCUHWXemBpfAWOSDqj1_rY6s4oQr27FnKg",
+  authDomain: "noctive-41c22.firebaseapp.com",
+  projectId: "noctive-41c22",
+  storageBucket: "noctive-41c22.firebasestorage.app",
+  messagingSenderId: "617642134193",
+  appId: "1:617642134193:web:ea5f0c93e56c654f66f090",
+  measurementId: "G-8ZFW3MTB3C"
+};
+
+const app = initializeApp(firebaseConfig);
+const db = getFirestore(app);
+
+export { db };

js/main.js

@@ -0,0 +1,34 @@
+import { db } from "./firebase.js";
+import {
+  collection,
+  getDocs
+} from "https://www.gstatic.com/firebasejs/10.12.2/firebase-firestore.js";
+
+async function loadPosts() {
+  const container = document.getElementById("firebasePosts");
+
+  if (!container) return;
+
+  container.innerHTML = "Loading...";
+
+  try {
+    const querySnapshot = await getDocs(collection(db, "Posts"));
+
+    container.innerHTML = "";
+
+    querySnapshot.forEach((doc) => {
+      const data = doc.data();
+
+      const div = document.createElement("div");
+      div.textContent = data.text;
+
+      container.appendChild(div);
+    });
+
+  } catch (err) {
+    console.error(err);
+    container.innerHTML = "Error loading posts";
+  }
+}
+
+document.addEventListener("DOMContentLoaded", loadPosts);

pages/home.html

@@ -2381,6 +2381,8 @@
 
     setAuthMode(true);
   </script>
+  <div id="firebasePosts"></div>
+  <script type="module" src="../js/main.js"></script>
 </body>
 </html>