Issue #315 please merge Users can add flashcards

.gitignore

@@ -39,4 +39,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 
-next-env.d.ts
+next-env.d.ts
+/generated/prisma

app/api/flashcards/route.ts

@@ -0,0 +1,36 @@
+import { NextResponse } from "next/server";
+import { PrismaClient } from "@prisma/client";
+
+const prisma = new PrismaClient();
+
+export async function GET() {
+  try {
+    const flashcards = await prisma.flashcard.findMany({
+      orderBy: { id: "asc" },
+    });
+    return NextResponse.json(flashcards);
+  } catch (error: any) {
+    return NextResponse.json({ error: error.message }, { status: 500 });
+  }
+}
+
+export async function POST(req: Request) {
+  try {
+    const body = await req.json();
+
+    const newFlashcard = await prisma.flashcard.create({
+      data: {
+        term: body.term,
+        explanation: body.explanation,
+        difficulty: body.difficulty,
+        category: body.category,
+      },
+    });
+
+    return NextResponse.json(newFlashcard, { status: 201 });
+  } catch (error: any) {
+    console.error("❌ Prisma error:", error);
+    return NextResponse.json({ error: error.message }, { status: 500 });
+  }
+}
+

app/flashcards/FlashcardsPageClient.tsx

@@ -5,8 +5,16 @@ import { motion, AnimatePresence } from "framer-motion";
 import Navbar from "@/components/Navbar";
 import FlashcardComponent from "@/components/FlashcardComponent";
 import ReportIssueButton from "@/components/ReportIssueButton";
-import { flashcards, categories, difficulties, type Flashcard } from "@/data/flashcards";
 import { ChevronLeft, ChevronRight, RotateCcw, BookOpen, Filter, Trophy } from "lucide-react";
+import { useRouter } from "next/navigation";
+
+type Flashcard = {
+  id: number;
+  term: string;
+  explanation: string;
+  difficulty: string;
+  category: string;
+};
 
 const fadeInUp = {
   hidden: { opacity: 0, y: 20 },
@@ -38,6 +46,30 @@ export default function FlashcardsPageClient() {
   const [reviewedCards, setReviewedCards] = useState<Set<number>>(new Set());
   const [showFilters, setShowFilters] = useState(false);
 
+  const [flashcards, setFlashcards] = useState<Flashcard[]>([]);
+const [loading, setLoading] = useState(true);
+
+useEffect(() => {
+  async function fetchFlashcards() {
+    try {
+      const res = await fetch("/api/flashcards");
+      if (!res.ok) throw new Error("Failed to fetch flashcards");
+
+      const data: Flashcard[] = await res.json();
+      setFlashcards(data);
+    } catch (err) {
+      console.error(err);
+    } finally {
+      setLoading(false);
+    }
+  }
+  fetchFlashcards();
+}, []);
+
+const categories = ["All", ...Array.from(new Set(flashcards.map(f => f.category)))];
+const difficulties = ["All", "Basic", "Intermediate", "Advanced"];
+
+
   // Load progress from localStorage
   useEffect(() => {
     const savedIndex = localStorage.getItem('flashcard_current_index');

app/flashcards/add/page.tsx

@@ -0,0 +1,9 @@
+import AddFlashcard from "@/components/AddFlashcard";
+
+export default function AddFlashcardPage() {
+  return (
+    <div className="p-6">
+      <AddFlashcard />
+    </div>
+  );
+}