Paper -> Count Route

src/app/api/papers/count/route.ts

@@ -4,20 +4,21 @@ import Paper from "@/db/papers";
 
 export const dynamic = "force-dynamic";
 
-export async function GET() {
+export async function GET(req: Request) {
   try {
     await connectToDatabase();
 
-    const count: number = await Paper.countDocuments();
+    const { searchParams } = new URL(req.url);
+    const subject = searchParams.get("subject");
 
-    return NextResponse.json(
-      { count },
-      { status: 200 }
-    );
+    const filter = subject ? { subject } : {};
+    const count = await Paper.countDocuments(filter);
+
+    return NextResponse.json({ count }, { status: 200 });
   } catch (error) {
     return NextResponse.json(
       { message: "Failed to fetch papers", error },
-      { status: 500 }
+      { status: 500 },
     );
   }
 }

src/app/api/papers/route.ts

@@ -29,7 +29,7 @@ export async function GET(req: NextRequest) {
     if (papers.length === 0) {
       return NextResponse.json(
         { message: "No papers found for the specified subject" },
-        { status: 404 },
+        { status: 200 },
       );
     }
 

src/app/api/upcoming-papers/route.ts

@@ -18,8 +18,13 @@ export async function GET() {
         { status: 404 },
       );
     }
-    const nextSlot = String.fromCharCode(slot.charCodeAt(0) + 1)
-    const correspondingSlots = [slot + "1", slot + "2", nextSlot + "1", nextSlot + "2"];
+    const nextSlot = String.fromCharCode(slot.charCodeAt(0) + 1);
+    const correspondingSlots = [
+      slot + "1",
+      slot + "2",
+      nextSlot + "1",
+      nextSlot + "2",
+    ];
     const selectedSubjects = await UpcomingSubject.find({
       slots: { $in: correspondingSlots },
     });

src/app/api/user-papers/route.ts

@@ -0,0 +1,50 @@
+import { NextResponse } from "next/server";
+import { connectToDatabase } from "@/lib/mongoose";
+import Paper from "@/db/papers";
+
+export const dynamic = "force-dynamic";
+
+export async function POST(req: Request) {
+  try {
+    await connectToDatabase();
+    const body = await req.json();
+
+    const subjects: string[] = body;
+
+    const usersPapers = await Paper.find({
+      subject: { $in: subjects },
+    });
+
+    const transformedPapers = usersPapers.reduce((acc, paper) => {
+      const existing = acc.find((item) => item.subject === paper.subject);
+
+      if (existing) {
+        existing.slots.push(paper.slot);
+      } else {
+        acc.push({ subject: paper.subject, slots: [paper.slot] });
+      }
+
+      return acc;
+    }, []);
+
+    // check duplicates
+    const seenSubjects = new Set();
+    const uniquePapers = transformedPapers.filter((paper) => {
+      if (seenSubjects.has(paper.subject)) return false;
+      seenSubjects.add(paper.subject);
+      return true;
+    });
+
+    return NextResponse.json(uniquePapers, {
+      status: 200,
+    });
+  } catch (error) {
+    console.error("Error fetching papers:", error);
+    return NextResponse.json(
+      {
+        error: "Failed to fetch papers.",
+      },
+      { status: 500 },
+    );
+  }
+}

src/components/StoredPapers.tsx → src/components/PapersCarousel.tsx

@@ -15,7 +15,11 @@ import {
 import Autoplay from "embla-carousel-autoplay";
 import { chunkArray } from "@/util/utils";
 
-function StoredPapers() {
+function PapersCarousel({
+  carouselType,
+}: {
+  carouselType: "users" | "default";
+}) {
   const [displayPapers, setDisplayPapers] = useState<IUpcomingPaper[]>([]);
   const [isLoading, setIsLoading] = useState(true);
   const [chunkSize, setChunkSize] = useState<number>(4);
@@ -29,6 +33,17 @@ function StoredPapers() {
       }
     };
 
+    localStorage.setItem(
+      "userSubjects",
+      JSON.stringify([
+        "Information Security [CBS3002]",
+        "Foundations of Data Analytics [BCSE351E]",
+        "Design and Analysis of Algorithms [MCSE502L]",
+        "Complex Variables and Linear Algebra [BMAT201L]",
+        "Differential Equations and Transforms [BMAT102L]",
+      ]),
+    );
+
     handleResize();
     window.addEventListener("resize", handleResize);
 
@@ -43,10 +58,18 @@ function StoredPapers() {
     async function fetchPapers() {
       try {
         setIsLoading(true);
-        const response = await axios.get<IUpcomingPaper[]>(
-          "/api/upcoming-papers",
-        );
-        setDisplayPapers(response.data);
+        if (carouselType === "users") {
+          const storedSubjects = JSON.parse(
+            localStorage.getItem("userSubjects"),
+          );
+          const response = await axios.post("/api/user-papers", storedSubjects);
+          setDisplayPapers(response.data);
+        } else {
+          const response = await axios.get<IUpcomingPaper[]>(
+            "/api/upcoming-papers",
+          );
+          setDisplayPapers(response.data);
+        }
       } catch (error) {
         console.error("Failed to fetch papers:", error);
       } finally {
@@ -66,7 +89,7 @@ function StoredPapers() {
   return (
     <div className="px-4">
       <p className="my-8 text-center font-play text-lg font-semibold">
-        Upcoming Papers
+        {carouselType === "users" ? "Your Papers" : "Upcoming Papers"}
       </p>
 
       <div className="">
@@ -107,4 +130,4 @@ function StoredPapers() {
   );
 }
 
-export default StoredPapers;
+export default PapersCarousel;

src/components/Searchbar/searchbar-child.tsx

@@ -20,17 +20,6 @@ function SearchBarChild({
   const suggestionsRef = useRef<HTMLUListElement | null>(null);
   const fuzzy = new Fuse(initialSubjects);
 
-  const fetchPaperQuantityByName = async (subjectName: string) => {
-    try {
-      const response = await axios.get("/api/papers", {
-        params: { subject: subjectName },
-      });
-      return response.data.papers.length;
-    } catch (error) {
-      return 0;
-    }
-  };
-
   const handleSearchChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
     const text = e.target.value;
     setSearchText(text);

src/components/screens/Hero.tsx

@@ -1,17 +1,18 @@
 import React from "react";
 import SearchBar from "../Searchbar/searchbar";
-import StoredPapers from "../StoredPapers";
+import PapersCarousel from "../PapersCarousel";
 
 const Hero = () => {
   return (
     <div id="hero" className="flex flex-col justify-between">
-      <h1 className="font-vipnabd mx-auto my-8 text-center text-3xl font-extrabold">
+      <h1 className="mx-auto my-8 text-center font-vipnabd text-3xl font-extrabold">
         Built by Students for Students
       </h1>
       <div className="px-6">
         <SearchBar />
       </div>
-      <StoredPapers />
+      <PapersCarousel carouselType="users" />
+      <PapersCarousel carouselType="default" />
       {/* <div className="hidden lg:flex flex-col items-center whitespace-nowrap text-center">
         <h1 className="font-play text-md">Learn More</h1>
         <Link