refactor question to use API

Author: charltonator

backend/package.json

@@ -24,4 +24,4 @@
     "ts-node": "^10.9.1",
     "typescript": "^5.2.2"
   }
-}
+}

backend/src/index.ts

@@ -6,6 +6,7 @@ import {
   handleSignUp,
 } from "./auth/auth.controller";
 import { handleCreateUser, handleGetUser } from "./user/user.controller";
+import { handleGetQuestions } from "./question/question.controller";
 const app = express();
 const port = 3001;
 
@@ -19,7 +20,7 @@ app.get("/", (req, res) => {
 app.post("/signup", handleSignUp);
 app.post("/login", handleLogin);
 app.delete("/logout", handleLogout);
-
+app.get("/questions", handleGetQuestions);
 app.post("/user", handleCreateUser);
 app.get("/user", handleGetUser);
 

backend/src/question/question.controller.ts

@@ -0,0 +1,87 @@
+import { Request, Response } from "express";
+import { db } from "./question.service";
+import { getDocs, collection, deleteDoc, doc, addDoc, setDoc } from "firebase/firestore";
+export async function handleGetQuestions(req: Request, res: Response) {
+  try {
+    //   console.log(req.query.email);
+    //   const { email } = req.query;
+    console.log(`getting all questions`);
+    const query = await getDocs(collection(db, "questions"));
+    const result = await Promise.all(
+      query.docs.map(async (d) => {
+        const q = d.data();
+        const examplesArray = await getExamples(d.id);
+
+        return {
+          id: d.id,
+          title: q.title,
+          tags: q.tags,
+          categories: q.categories,
+          constraints: q.constraints,
+          difficulty: q.difficulty,
+          description: q.description,
+          examples: examplesArray,
+        };
+      })
+    );
+
+    if (result.length > 0) {
+      res.status(200).send(result);
+    } else {
+      res.status(500).send("no questions");
+    }
+  } catch (error) {
+    console.error(error);
+    res.status(500).send(error);
+  }
+}
+
+const getExamples = async (id: string) => {
+  const subCollRef = collection(db, "questions", id, "examples");
+
+  const examplesSnapshot = await getDocs(subCollRef);
+
+  const examplesResult = examplesSnapshot.docs.map((data) => {
+    const exampleData = data.data();
+
+    return {
+      text: exampleData.text,
+      image: exampleData.img || "", // Use an empty string if image is missing
+    };
+  });
+  // console.log(examplesSnapshot)
+  return examplesResult;
+};
+
+export async function handleDeleteQuestion(req: Request, res: Response) {
+    const questionId = req.params.questionId
+    try {
+    const docRef = doc(db, "questions", questionId)
+    const result = await deleteDoc(docRef);
+    } catch (err) {
+        console.log(`error when deleting question with id ${questionId}` + err)
+    }
+    
+    
+}
+
+export async function handleAddQuestion(req: Request, res: Response) {
+    try {
+        
+        const {qtitle, qtags, qcategories, qconstraints, qdifficulty, qdescription, qexamples} = req.body
+        const docRef = await addDoc(collection(db, "questions"), {
+            title: qtitle,
+            tags: qtags,
+            categories: qcategories,
+            constraints: qconstraints,
+            difficulty: qdifficulty,
+            description: qdescription,
+          });
+        const exampleRef = collection(db, "questions", docRef.id, "examples")
+        qexamples.map(() => {
+
+        })
+        const addExample = setDoc(exampleRef, qexamples)
+
+    }
+}

backend/src/question/question.service.ts

@@ -3,4 +3,4 @@ import { getFirestore } from "firebase/firestore";
 import { firebaseConfig } from "../firebase/firebase.config";
 
 initializeApp(firebaseConfig);
-const db = getFirestore();
+export const db = getFirestore();

frontend/package-lock.json

@@ -0,0 +1,20 @@
+import httpClient from "../axios/config";
+import { QuestionDTO } from "./dto";
+// import { AuthDTO } from "./dto";
+// import { UserCredential } from "firebase/auth";
+
+// export const registerUser = (params: AuthDTO) =>
+//   httpClient.post<UserCredential>("/signup", params);
+
+// export const signIn = (params: AuthDTO) =>
+//   httpClient.post<UserCredential>("/login", params);
+
+// export const signOut = () => httpClient.delete("/logout");
+
+export const getAllQuestions = () => httpClient.get("/questions");
+
+export const addQuestion = (params: QuestionDTO) =>
+  httpClient.post("/questions", params);
+
+export const deleteQuestion = (params: string) =>
+  httpClient.delete("/questions/:questionId");

frontend/src/api/questions/data.ts

@@ -0,0 +1,11 @@
+import { Example } from "../../data/data.context";
+
+export interface QuestionDTO {
+  title: string;
+  tags: string[];
+  categories: string;
+  constraints: string;
+  difficulty: string;
+  description: string;
+  examples: Example[];
+}

frontend/src/api/questions/dto.ts

@@ -1,7 +1,7 @@
-
 import { createContext, ReactNode, useContext, useMemo, useState } from "react";
 import { db } from "../firebase/firebase";
 import { collection, getDocs } from "firebase/firestore";
+import { getAllQuestions } from "../api/questions/data";
 
 interface Response {
   type: "success" | "error" | undefined;
@@ -17,20 +17,20 @@ interface Question {
   constraints: string[];
   difficulty: "Easy" | "Medium" | "Hard";
   description: string;
-  examples: Example[]
+  examples: Example[];
 }
 
-interface Example {
-  text: string
-  image: string
+export interface Example {
+  text: string;
+  image: string;
 }
 
 interface DataContextData {
   loading: boolean;
   response: Response;
   questions: Question[];
   getQuestions: () => void;
-  getExamples: (id:string) => void
+  // getExamples: (id: string) => void;
 }
 
 interface DataContextProviderProps {
@@ -47,69 +47,18 @@ const DataContext = createContext<DataContextData>({
   response: emptyResponse,
   questions: [],
   getQuestions: () => undefined,
-  getExamples: (id:string) => undefined
+  // getExamples: (id: string) => undefined,
 });
 
 export function DataContextProvider({ children }: DataContextProviderProps) {
   const [loading, setLoading] = useState(false);
   const [response, setResponse] = useState<Response>(emptyResponse);
   const [questions, setQuestions] = useState<Question[]>([]);
 
-
-  const getExamples = async (id:string) => {
-    const subCollRef = collection(db, "questions", id, "examples")
-
-    const examplesSnapshot = await getDocs(subCollRef);
-    
-    const examplesResult = examplesSnapshot.docs.map((data) => {
-      const exampleData = data.data();
- 
-      return {
-        
-        text: exampleData.text,
-        image: exampleData.img || '', // Use an empty string if image is missing
-      };
-
-    
-    
-      }) 
-      // console.log(examplesSnapshot)
-      return examplesResult;
-     }
-
-
   const getQuestions = async () => {
     try {
       setLoading(true);
-      // console.log("penis")
-      const query = await getDocs(collection(db, "questions"));
-      const result = await Promise.all(query.docs.map(async (d) => {
-        const q = d.data();
-        // const getExamples = async () => {
-        // const examplesSnapshot = await getDocs(collection(db, "questions", q.id, "examples"));
-        // console.log(examplesSnapshot)
-        // const examplesResult = examplesSnapshot.docs.map((data) => {
-        //   const exampleData = data.data();
-        //   return {
-        //     text: exampleData.text,
-        //     image: exampleData.img || '', // Use an empty string if image is missing
-        //   };
-
-        const examplesArray = await getExamples(d.id)
-    
-    
-        // const examplesArray = await getExamples();
-        return {
-          id: d.id,
-          title: q.title,
-          tags: q.tags,
-          categories: q.categories,
-          constraints: q.constraints,
-          difficulty: q.difficulty,
-          description: q.description,
-          examples: examplesArray
-        };
-      }));  
+      const result = await (await getAllQuestions()).data;
       setLoading(false);
       setQuestions(result);
       setResponse({
@@ -122,19 +71,14 @@ export function DataContextProvider({ children }: DataContextProviderProps) {
         type: "error",
         message: e,
       });
-    
     }
-  
-    
   };
 
   const dataContextProviderValue = useMemo(
-    () => ({ loading, response, questions, getQuestions, getExamples }),
+    () => ({ loading, response, questions, getQuestions }),
     //eslint-disable-next-line react-hooks/exhaustive-deps
     [loading, response, questions]
   );
-  
-
 
   return (
     <DataContext.Provider value={dataContextProviderValue}>
@@ -145,5 +89,4 @@ export function DataContextProvider({ children }: DataContextProviderProps) {
 
 export const useData = () => {
   return useContext(DataContext);
-
 };