Feat/faq backend

client/src/pages/Faq.tsx

@@ -1,15 +1,28 @@
+import React, { useState, useEffect } from "react";
 import Collapsible from "../components/Collapsible";
 
 import "../style/faq.css";
 import "../style/common.css";
-import faqs from "../placeholders/faqs.json";
+
+interface Faq {
+  question: string;
+  answer: string;
+}
 
 const Faq = () => {
+  const [faqs, setFaqs] = useState<Faq[]>([]);
+
+  useEffect(() => {
+    fetch("/api/faqs")
+      .then((res) => res.json())
+      .then((data) => setFaqs(data))
+      .catch((err) => console.error("Failed to fetch faqs:", err));
+  }, []);
+
   return (
     <div className="faq-container yellow-bg">
       {/** title */}
       <section className="faq-title">F&nbsp;A&nbsp;Q&nbsp;s</section>
-
       {/** faq items */}
       <section className="faq-list">
         {faqs.map((item, index) => (

server/src/controllers/faqController.ts

@@ -0,0 +1,12 @@
+import { RequestHandler } from "express";
+import { Faq } from "../model/faq";
+
+export const listFaqs: RequestHandler = async (req, res) => {
+  try {
+    const faqs = await Faq.find().lean();
+    res.json(faqs);
+  } catch (error) {
+    console.error("Error fetching FAQs:", error);
+    res.status(500).json({ message: "Failed to fetch FAQs" });
+  }
+};

server/src/index.ts

@@ -7,7 +7,7 @@ import { Strategy as GoogleStrategy } from "passport-google-oauth20";
 import authRoutes from "./routes/authRoutes";
 import imageRoutes from "./routes/imageRoutes";
 import executivesRoutes from "./routes/executivesRoutes";
-
+import faqRoutes from "./routes/faqRoutes";
 // app config
 dotenv.config({ quiet: true });
 
@@ -47,6 +47,7 @@ app.use(express.json());
 app.use("/api/auth", authRoutes);
 app.use("/api/images", imageRoutes);
 app.use("/api/executives", executivesRoutes);
+app.use("/api/faqs", faqRoutes);
 
 // Connect to MongoDB and start the server
 mongoose

server/src/model/faq.ts

@@ -0,0 +1,12 @@
+import mongoose from "mongoose";
+const { Schema, model } = mongoose;
+
+const faqSchema = new Schema(
+  {
+    question: { type: String, required: true },
+    answer: { type: String, required: true },
+  },
+  { versionKey: false }
+);
+
+export const Faq = model("Faq", faqSchema);

server/src/routes/faqRoutes.ts

@@ -0,0 +1,7 @@
+import express from "express";
+import { listFaqs } from "../controllers/faqController";
+
+const router = express.Router();
+router.get("/", listFaqs);
+
+export default router;