Merge pull request CS3219-AY2425S1#4 from Vignesh-30/temp

add get question

Author: wjacobw

frontend/src/pages/questionservicepage.tsx

@@ -1,34 +1,54 @@
-import React, { useState,  useContext } from 'react';
+import React, { useState, useContext, useEffect } from "react";
 import { UserContext } from "../UserContextProvider";
-import QuestionTable from '../components/questiontable';
-import FilterCategories from '../components/filtercategory';
-import FilterComplexity from '../components/filtercomplexity';
-import SearchBar from '../components/searchbar';
-import UploadFile from '../components/uploadquestion';
-import { Question } from '../components/questiontable';
+import axios from "axios";
+import QuestionTable from "../components/questiontable";
+import FilterCategories from "../components/filtercategory";
+import FilterComplexity from "../components/filtercomplexity";
+import SearchBar from "../components/searchbar";
+import UploadFile from "../components/uploadquestion";
+import { Question } from "../components/questiontable";
 
 const QuestionServicePage: React.FC = () => {
-  const [searchTerm, setSearchTerm] = useState('');
-  const [categoryFilter, setCategoryFilter] = useState('');
-  const [complexityFilter, setComplexityFilter] = useState('');
+  const [searchTerm, setSearchTerm] = useState("");
+  const [categoryFilter, setCategoryFilter] = useState("");
+  const [complexityFilter, setComplexityFilter] = useState("");
   const [questions, setQuestions] = useState<Question[]>([]);
-	const context = useContext(UserContext);
-	const { ready } = context!; 
+  const context = useContext(UserContext);
+  const { ready } = context!;
 
+  const fetchQuestions = async () => {
+    try {
+      const response = await axios.get(`http://localhost:3002/questions/`);
+      console.log("response is ", response);
+      setQuestions(response.data);
+    } catch (error) {
+      alert("Error fetching questions: " + error);
+    }
+  };
+
+  useEffect(() => {
+    fetchQuestions();
+  }, [questions]);
 
   while (!ready) {
-		return (
-			<h1>Loading</h1>
-		)
-	}
+    return <h1>Loading</h1>;
+  }
 
   return (
     <div className="p-4 text-white">
       <h1 className="text-2xl font-bold text-left mb-6">Peer Prep</h1>
       <div className="flex justify-start items-center space-x-2 mb-4 text-sm">
         <SearchBar searchTerm={searchTerm} setSearchTerm={setSearchTerm} />
-        <FilterCategories category={categoryFilter} setCategory={setCategoryFilter} questions={questions} />
-        <FilterComplexity complexity={complexityFilter} setComplexity={setComplexityFilter} questions={questions} />
+        <FilterCategories
+          category={categoryFilter}
+          setCategory={setCategoryFilter}
+          questions={questions}
+        />
+        <FilterComplexity
+          complexity={complexityFilter}
+          setComplexity={setComplexityFilter}
+          questions={questions}
+        />
         <UploadFile setQuestions={setQuestions} />
       </div>
       <QuestionTable