Merge pull request #8 from AliNikseresht/dev

Dev

Author: AliNikseresht

firestore.rules

@@ -2,8 +2,10 @@ rules_version = '2';
 
 service cloud.firestore {
   match /databases/{database}/documents {
-    match /{document=**} {
-      allow read, write: if false;
+    
+    match /blogs/{blogId} {
+      allow read: if true;
+      allow write: if request.auth != null;
     }
   }
-}
+}

package-lock.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "@firebasegen/default-connector": "file:dataconnect-generated/js/default-connector",
+    "axios": "^1.7.9",
     "firebase": "^11.2.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package.json

@@ -3,7 +3,6 @@
 interface ImportMetaEnv {
   readonly VITE_FIREBASE_API_KEY: string;
   readonly VITE_FIREBASE_AUTH_DOMAIN: string;
-  readonly VITE_FIREBASE_DATABASE_URL: string;
   readonly VITE_FIREBASE_PROJECT_ID: string;
   readonly VITE_FIREBASE_STORAGE_BUCKET: string;
   readonly VITE_FIREBASE_MESSAGING_SENDER_ID: string;

src/env.d.ts

@@ -1,8 +1,58 @@
+import { useEffect, useState } from "react";
+import { collection, getDocs } from "firebase/firestore";
+import { db } from "../../config/firebaseConfig";
+
+interface Blog {
+  id: string;
+  title: string;
+  content: string;
+  author: string;
+  tags: string[];
+  createdAt: { seconds: number };
+}
 
 const Home = () => {
+  const [blogs, setBlogs] = useState<Blog[]>([]);
+
+  useEffect(() => {
+    const fetchBlogs = async () => {
+      try {
+        const querySnapshot = await getDocs(collection(db, "Blogs"));
+        const blogsData = querySnapshot.docs.map((doc) => ({
+          id: doc.id,
+          ...doc.data(),
+        })) as Blog[];
+        setBlogs(blogsData);
+        console.log(blogsData);
+      } catch (error) {
+        console.error("Error fetching blogs:", error);
+      }
+    };
+
+    fetchBlogs();
+  }, []);
+
   return (
-    <div>Home</div>
-  )
-}
+    <div>
+      <h1>Blogs</h1>
+      {blogs.map((blog) => (
+        <div key={blog.id}>
+          <h2>{blog.title}</h2>
+          <p>{blog.content}</p>
+          <p>
+            <strong>Author:</strong> {blog.author}
+          </p>
+          <p>
+            <strong>Tags:</strong> {blog.tags.join(", ")}
+          </p>
+          <p>
+            <strong>Created At:</strong>{" "}
+            {new Date(blog.createdAt.seconds * 1000).toLocaleString()}
+          </p>
+        </div>
+      ))}
+    </div>
+  );
+};
 
-export default Home
+export default Home;

src/pages/Home/Home.tsx

@@ -22,5 +22,5 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["src"]
+  "include": ["src", "src/env.d.ts"]
 }