diff --git a/client/next.config.mjs b/client/next.config.mjs
index 8b6bf03..0fcd33e 100644
--- a/client/next.config.mjs
+++ b/client/next.config.mjs
@@ -13,7 +13,11 @@ const config = {
   },
   outputFileTracingRoot: import.meta.dirname,
   images: {
-    domains: ["localhost"],
+    remotePatterns: [
+      { protocol: 'http', hostname: '127.0.0.1' },
+      { protocol: 'http', hostname: 'localhost' },
+      { protocol: 'https', hostname: 'upload.wikimedia.org' },
+    ],
   },
   // Turns on file change polling for the Windows Dev Container
   // Doesn't work currently for turbopack, so file changes will not automatically update the client.
diff --git a/client/src/components/ui/ItchEmbed.tsx b/client/src/components/ui/ItchEmbed.tsx
new file mode 100644
index 0000000..eccff19
--- /dev/null
+++ b/client/src/components/ui/ItchEmbed.tsx
@@ -0,0 +1,17 @@
+type ItchEmbedProps = {
+  embedID: string;
+  name: string;
+};
+
+export function ItchEmbed({ embedID, name }: ItchEmbedProps) {
+  return (
+    <div className="mb-6 w-full max-w-[552px] px-4 shadow-[0_12px_40px_-16px_hsl(var(--secondary)_/_0.45)] sm:aspect-[552/167] sm:px-0">
+      <iframe
+        className="h-full w-full border-0"
+        src={`https://itch.io/embed/${embedID}?dark=1`}
+        title={name}
+        allowFullScreen
+      />
+    </div>
+  );
+}
diff --git a/client/src/hooks/useGames.ts b/client/src/hooks/useGames.ts
new file mode 100644
index 0000000..ea3bd4d
--- /dev/null
+++ b/client/src/hooks/useGames.ts
@@ -0,0 +1,81 @@
+import { useQuery } from "@tanstack/react-query";
+import { AxiosError } from "axios";
+
+import api from "@/lib/api";
+
+type Contributor = {
+  member_id: number;
+  name: string;
+  role: string;
+};
+
+type ApiGame = {
+  name: string;
+  description: string;
+  completion: number;
+  active: boolean;
+  hostURL: string;
+  isItch: boolean;
+  // TO DO: Add support for no itchEmbedID for non-itch games
+  itchEmbedID: string;
+  pathToThumbnail: string | null;
+  event: number | null;
+  contributors: Contributor[];
+};
+
+type UiGame = Omit<ApiGame, "pathToThumbnail"> & {
+  gameCover: string;
+};
+
+/**
+ * Normalizes Next.js router query parameter to a single string ID.
+ * Handles both string and array formats from dynamic routes.
+ */
+function normalizeGameId(
+  gameId: string | string[] | undefined,
+): string | undefined {
+  if (!gameId) return undefined;
+  return typeof gameId === "string" ? gameId : gameId[0];
+}
+
+function transformApiGameToUiGame(data: ApiGame): UiGame {
+  return {
+    ...data,
+    gameCover: data.pathToThumbnail ?? "/game_dev_club_logo.svg",
+  };
+}
+
+/**
+ * Custom hook to fetch a single game by ID.
+ *
+ * @param gameId - game ID from Next.js router query (can be string, string[], or undefined)
+ * @returns React Query result with transformed UI game data
+ *
+ * @example
+ * ```tsx
+ * const { id } = router.query;
+ * const { data: game, isPending, error } = useGame(id);
+ * ```
+ */
+export function useGame(gameId: string | string[] | undefined) {
+  const id = normalizeGameId(gameId);
+
+  return useQuery<ApiGame, AxiosError, UiGame>({
+    queryKey: ["games", id],
+    queryFn: async () => {
+      if (!id) {
+        throw new Error("Game ID is required");
+      }
+      const response = await api.get<ApiGame>(`/games/${id}/`);
+      return response.data;
+    },
+    enabled: !!id,
+    select: transformApiGameToUiGame,
+    retry: (failureCount, error) => {
+      if (error!.response?.status === 404) {
+        return false;
+      }
+      return failureCount < 3;
+    },
+  });
+}
diff --git a/client/src/pages/games/[id].tsx b/client/src/pages/games/[id].tsx
new file mode 100644
index 0000000..e9e5d5d
--- /dev/null
+++ b/client/src/pages/games/[id].tsx
@@ -0,0 +1,187 @@
+import Image from "next/image";
+import { useRouter } from "next/router";
+import React from "react";
+
+import { ItchEmbed } from "@/components/ui/ItchEmbed";
+import { useGame } from "@/hooks/useGames";
+
+export default function IndividualGamePage() {
+  const router = useRouter();
+  const { id } = router.query;
+
+  const {
+    data: game,
+    isPending,
+    error,
+    isError,
+  } = useGame(router.isReady ? id : undefined);
+
+  if (isPending) {
+    return (
+      <main className="mx-auto min-h-dvh max-w-6xl px-6 py-16 md:px-20">
+        <p>Loading Game...</p>
+      </main>
+    );
+  }
+
+  if (isError) {
+    const errorMessage =
+      error?.response?.status === 404
+        ? "Game not found."
+        : "Failed to Load Game";
+
+    return (
+      <main className="mx-auto min-h-screen max-w-6xl px-6 py-16 md:px-20">
+        <p className="text-red-500" role="alert">
+          {errorMessage}
+        </p>
+      </main>
+    );
+  }
+
+  if (!game) {
+    return (
+      <main className="mx-auto min-h-dvh max-w-6xl px-6 py-16 md:px-20">
+        <p>No Game data available.</p>
+      </main>
+    );
+  }
+
+  const gameTitle = game.name;
+  const gameCover = game.gameCover;
+  const gameDescription = game.description.split("\n");
+
+  const completionLabels: Record<number, string> = {
+    1: "WIP",
+    2: "Playable Dev",
+    3: "Beta",
+    4: "Completed",
+  };
+
+  const devStage = completionLabels[game.completion] ?? "Stage Unknown";
+
+  // TODO ADD EVENT
+  const event = "Game Jam November 2025";
+  // TODO ADD ARTIMAGES
+  const artImages = [
+    {
+      src: "https://upload.wikimedia.org/wikipedia/commons/thumb/a/aa/Minecraft_Zombie.png/120px-Minecraft_Zombie.png",
+      alt: "Minecraft Zombie",
+    },
+    {
+      src: "https://upload.wikimedia.org/wikipedia/commons/thumb/d/d8/Minecraft_Enderman.png/120px-Minecraft_Enderman.png",
+      alt: "Minecraft Enderman",
+    },
+    {
+      src: "https://upload.wikimedia.org/wikipedia/en/thumb/1/17/Minecraft_explore_landscape.png/375px-Minecraft_explore_landscape.png",
+      alt: "Minecraft Landscape",
+    },
+  ];
+
+  return (
+    <div className="min-h-screen bg-background font-sans text-foreground">
+      <main>
+        <section className="w-full bg-popover">
+          <div className="mx-auto max-w-7xl p-0 sm:p-8">
+            <Image
+              src={gameCover}
+              alt="Game Cover"
+              width={800}
+              height={800}
+              className="max-h-[60vh] w-full object-cover sm:mx-auto sm:h-auto sm:max-h-[60vh] sm:rounded-2xl sm:object-contain"
+              priority
+            />
+          </div>
+        </section>
+
+        <section className="mx-auto max-w-7xl px-4 py-6 sm:px-8 sm:py-8 lg:px-24 lg:py-12">
+          <h1 className="mb-6 text-center font-jersey10 text-5xl font-bold tracking-wide text-primary sm:mb-10 sm:text-6xl">
+            {gameTitle}
+          </h1>
+          <div className="mb-6 w-full max-w-full sm:float-right sm:mb-4 sm:ml-8 sm:w-96">
+            <table className="w-full min-w-[220px] border-collapse border-spacing-0 text-sm sm:text-base">
+              <tbody>
+                <tr className="border-b-2 border-gray-300">
+                  <td className="py-1 pr-2 text-muted-foreground sm:py-2">
+                    Contributors
+                  </td>
+                  <td className="py-1 text-right sm:py-2">
+                    <div className="grid grid-cols-[auto_auto] gap-x-1 gap-y-1">
+                      {game.contributors.map((c) => (
+                        <React.Fragment key={c.member_id}>
+                          <a
+                            href={`/member/${c.member_id}`}
+                            className="text-primary hover:underline"
+                          >
+                            {c.name}
+                          </a>
+                          <span>{c.role}</span>
+                        </React.Fragment>
+                      ))}
+                    </div>
+                  </td>
+                </tr>
+                <tr className="border-b-2 border-gray-300">
+                  <td className="py-1 pr-2 text-muted-foreground sm:py-2">
+                    Development Stage
+                  </td>
+                  <td className="py-1 text-right sm:py-2">{devStage}</td>
+                </tr>
+                <tr className="border-b-2 border-gray-300">
+                  <td className="py-1 pr-2 text-muted-foreground sm:py-2">
+                    Host Site
+                  </td>
+                  <td className="py-1 text-right sm:py-2">
+                    <a
+                      href={game.hostURL}
+                      className="text-primary underline hover:underline"
+                    >
+                      {game.hostURL}
+                    </a>
+                  </td>
+                </tr>
+                <tr>
+                  <td className="py-1 pr-2 text-muted-foreground sm:py-2">
+                    Event
+                  </td>
+                  <td className="py-1 text-right sm:py-2">{event}</td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <ul className="space-y-3 text-base leading-8 sm:text-lg lg:text-xl">
+            {gameDescription.map((desc, i) => (
+              <li key={i}>{desc}</li>
+            ))}
+          </ul>
+        </section>
+
+        <section className="mt-8 flex w-full flex-col items-center gap-6">
+          {game.isItch && (
+            <ItchEmbed embedID={game.itchEmbedID} name={gameTitle} />
+          )}
+          <h2 className="font-jersey10 text-5xl text-primary">ARTWORK</h2>
+
+          <div className="mx-auto mb-6 flex h-auto w-full max-w-4xl flex-col items-center gap-4 px-4 sm:flex-row sm:justify-center sm:gap-6 sm:px-6 md:h-60">
+            {artImages.map((img) => (
+              <div
+                key={img.src}
+                className="h-48 w-full overflow-hidden rounded-lg bg-popover shadow-md sm:h-60 sm:w-1/3"
+              >
+                <Image
+                  key={img.alt}
+                  src={img.src}
+                  alt={img.alt}
+                  width={240}
+                  height={240}
+                  className="h-full w-full object-cover"
+                />
+              </div>
+            ))}
+          </div>
+        </section>
+      </main>
+      {/* <Footer /> */}
+    </div>
+  );
+}
diff --git a/client/src/pages/games/index.tsx b/client/src/pages/games/index.tsx
new file mode 100644
index 0000000..e74c44b
--- /dev/null
+++ b/client/src/pages/games/index.tsx
@@ -0,0 +1,182 @@
+import Image from "next/image";
+import Link from "next/link";
+import React, { useEffect, useState } from "react";
+
+type Contributor = {
+  name: string;
+  role: string;
+};
+
+type ShowcaseGame = {
+  game_id: number;
+  game_name: string;
+  description: string;
+  game_description: string;
+  contributors: Contributor[];
+  game_cover_thumbnail?: string;
+};
+
+export default function HomePage() {
+  const [showcases, setShowcases] = useState<ShowcaseGame[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    fetch("http://localhost:8000/api/gameshowcase/")
+      .then((res) => res.json())
+      .then((data: ShowcaseGame[]) => {
+        setShowcases(data);
+        setLoading(false);
+      })
+      .catch(() => setLoading(false));
+  }, []);
+
+  if (loading) {
+    return (
+      <main className="mx-auto min-h-screen max-w-7xl px-6 py-16">
+        <p>Loading games...</p>
+      </main>
+    );
+  }
+
+  return (
+    <>
+      <div
+        className="mb-10 w-screen px-4 py-6"
+        style={{
+          background: "#23255A",
+          marginLeft: "calc(50% - 50vw)",
+          marginRight: "calc(50% - 50vw)",
+        }}
+      >
+        <h1
+          className="text-left font-jersey10 text-4xl font-bold text-primary"
+          style={{ marginLeft: "10%" }}
+        >
+          Game Showcase
+        </h1>
+      </div>
+      <main className="mx-auto min-h-screen max-w-7xl px-6 py-16">
+        {showcases.length === 0 ? (
+          <p>No games available.</p>
+        ) : (
+          <div className="flex flex-col gap-16">
+            {showcases.map((showcase, idx) => (
+              <React.Fragment key={showcase.game_name + idx}>
+                <div
+                  className={`flex flex-col gap-8 rounded-xl p-8 ${idx % 2 === 0 ? "lg:flex-row" : "lg:flex-row-reverse"}`}
+                >
+                  {/* Left: Cover Image */}
+                  <div className="bg-logo-blue-1 flex min-h-[400px] min-w-[350px] max-w-[600px] flex-1 items-center justify-center overflow-hidden rounded-xl">
+                    {showcase.game_cover_thumbnail ? (
+                      <Image
+                        src={
+                          showcase.game_cover_thumbnail.startsWith("http")
+                            ? showcase.game_cover_thumbnail
+                            : `http://localhost:8000${showcase.game_cover_thumbnail}`
+                        }
+                        alt={showcase.game_name + " cover"}
+                        width={600}
+                        height={350}
+                        className="h-full w-full object-cover"
+                        priority
+                      />
+                    ) : (
+                      <div className="flex h-full w-full flex-col items-center justify-center">
+                        <svg
+                          width="80"
+                          height="80"
+                          className="fill-neutral-1"
+                          viewBox="0 0 24 24"
+                        >
+                          <path d="M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2ZM5 5h14v10.17l-3.88-3.88a2 2 0 0 0-2.83 0L5 19V5Zm0 14v-.17l6.59-6.59a1 1 0 0 1 1.41 0L19 19H5Z" />
+                        </svg>
+                      </div>
+                    )}
+                  </div>
+                  {/* Right: Details */}
+                  <div className="flex flex-1 flex-col justify-between rounded-lg border-2 border-solid border-neutral_3 p-8 shadow-lg">
+                    <div>
+                      {/* Title of the game */}
+                      <h2 className="mb-4 font-jersey10 text-3xl font-bold tracking-wide text-primary">
+                        <Link
+                          href={
+                            showcase.game_id
+                              ? `/games/${showcase.game_id}`
+                              : "#"
+                          }
+                        >
+                          <span className="cursor-pointer hover:underline">
+                            {showcase.game_name}
+                          </span>
+                        </Link>
+                      </h2>
+                      {/* Comments from committes */}
+                      <p className="mb-6 text-lg text-foreground">
+                        {showcase.description}
+                      </p>
+                      <h3 className="mb-2 text-xl font-bold text-primary">
+                        Contributors
+                      </h3>
+                      <ul className="mb-4">
+                        {showcase.contributors.map((contributor, cidx) => (
+                          <li
+                            key={contributor.name + cidx}
+                            className="mb-2 flex items-center gap-4"
+                          >
+                            <span className="font-semibold text-foreground">
+                              {contributor.name}
+                            </span>
+                            <span
+                              className="text-foreground"
+                              style={{ marginLeft: 20 }}
+                            >
+                              - {contributor.role}
+                            </span>
+                            {/* Social icons placeholder */}
+                            {/* TODO: Add actual links */}
+                            <span className="flex gap-2 text-primary">
+                              {/* Facebook icon */}
+                              <svg
+                                width="24"
+                                height="24"
+                                viewBox="0 0 24 24"
+                                fill="currentColor"
+                              >
+                                <path d="M22.675 0h-21.35C.595 0 0 .592 0 1.326v21.348C0 23.408.595 24 1.326 24h11.495v-9.294H9.691v-3.622h3.13V8.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.797.143v3.24l-1.918.001c-1.504 0-1.797.715-1.797 1.763v2.313h3.587l-.467 3.622h-3.12V24h6.116C23.406 24 24 23.408 24 22.674V1.326C24 .592 23.406 0 22.675 0" />
+                              </svg>
+                              {/* Instagram icon */}
+                              <svg
+                                width="24"
+                                height="24"
+                                viewBox="0 0 24 24"
+                                fill="currentColor"
+                              >
+                                <path d="M17 2H7a5 5 0 0 0-5 5v10a5 5 0 0 0 5 5h10a5 5 0 0 0 5-5V7a5 5 0 0 0-5-5Zm3 15a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h10a3 3 0 0 1 3 3v10ZM12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm0 8a3 3 0 1 1 0-6 3 3 0 0 1 0 6Zm4.5-8A1.5 1.5 0 1 0 16.5 8 1.5 1.5 0 0 0 16.5 7Z" />
+                              </svg>
+                              {/* Github icon */}
+                              <svg
+                                width="24"
+                                height="24"
+                                viewBox="0 0 24 24"
+                                fill="currentColor"
+                              >
+                                <path d="M12 2C6.477 2 2 6.484 2 12.021c0 4.428 2.865 8.184 6.839 9.504.5.092.682-.217.682-.482 0-.237-.009-.868-.014-1.703-2.782.605-3.369-1.342-3.369-1.342-.454-1.157-1.11-1.465-1.11-1.465-.908-.62.069-.608.069-.608 1.004.07 1.532 1.032 1.532 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.339-2.221-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.025A9.564 9.564 0 0 1 12 6.844c.85.004 1.705.115 2.504.337 1.909-1.295 2.748-1.025 2.748-1.025.546 1.378.202 2.397.1 2.65.64.7 1.028 1.595 1.028 2.688 0 3.847-2.337 4.695-4.566 4.944.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.749 0 .268.18.579.688.481C19.138 20.2 22 16.447 22 12.021 22 6.484 17.523 2 12 2z" />
+                              </svg>
+                            </span>
+                          </li>
+                        ))}
+                      </ul>
+                    </div>
+                  </div>
+                </div>
+                <div className="mx-auto mt-4 w-full max-w-[1280px] px-8 text-base text-light_2">
+                  {showcase.game_description}
+                </div>
+              </React.Fragment>
+            ))}
+          </div>
+        )}
+      </main>
+    </>
+  );
+}
diff --git a/server/api/urls.py b/server/api/urls.py
index 5d54527..944a906 100644
--- a/server/api/urls.py
+++ b/server/api/urls.py
@@ -20,11 +20,11 @@
 from django.conf import settings
 from django.conf.urls.static import static
 
+
 urlpatterns = [
     path("admin/", admin.site.urls),
     path("api/", include("game_dev.urls")),
 ]
 
 if settings.DEBUG:
-    urlpatterns += static(settings.MEDIA_URL,
-                          document_root=settings.MEDIA_ROOT)
+    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
diff --git a/server/game_dev/admin.py b/server/game_dev/admin.py
index 46d358c..28441b5 100644
--- a/server/game_dev/admin.py
+++ b/server/game_dev/admin.py
@@ -1,14 +1,30 @@
 from django.contrib import admin
-from .models import Member, Event
+from .models import Member, Game, Event, GameContributor, GameShowcase
 
 
 class MemberAdmin(admin.ModelAdmin):
     pass
 
 
-class EventAdmin(admin.ModelAdmin):
-    list_display = ("name", "date", "location", "publicationDate")
+# Sample EventsAdmin Class made
+class EventsAdmin(admin.ModelAdmin):
+    pass
+
+
+class GameContributorAdmin(admin.ModelAdmin):
+    pass
+
+
+class GameShowcaseAdmin(admin.ModelAdmin):
+    pass
+
+
+class GamesAdmin(admin.ModelAdmin):
+    list_display = ("name", "description", "completion", "active", "hostURL", "isItch", "itchEmbedID", "pathToThumbnail", "event")
 
 
 admin.site.register(Member, MemberAdmin)
-admin.site.register(Event, EventAdmin)
+admin.site.register(Event, EventsAdmin)
+admin.site.register(Game, GamesAdmin)
+admin.site.register(GameContributor, GameContributorAdmin)
+admin.site.register(GameShowcase, GameShowcaseAdmin)
diff --git a/server/game_dev/migrations/0003_event_date.py b/server/game_dev/migrations/0003_event_date.py
deleted file mode 100644
index fe8c64d..0000000
--- a/server/game_dev/migrations/0003_event_date.py
+++ /dev/null
@@ -1,18 +0,0 @@
-# Generated by Django 5.1.14 on 2025-12-06 07:23
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ("game_dev", "0002_event"),
-    ]
-
-    operations = [
-        migrations.AddField(
-            model_name="event",
-            name="date",
-            field=models.DateTimeField(blank=True, null=True),
-        ),
-    ]
diff --git a/server/game_dev/migrations/0003_event_date_game.py b/server/game_dev/migrations/0003_event_date_game.py
new file mode 100644
index 0000000..2cd3495
--- /dev/null
+++ b/server/game_dev/migrations/0003_event_date_game.py
@@ -0,0 +1,69 @@
+# Generated by Django 5.1.14 on 2026-01-10 03:27
+
+import django.db.models.deletion
+import django.db.models.functions.datetime
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("game_dev", "0002_event"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="event",
+            name="date",
+            field=models.DateTimeField(
+                db_default=django.db.models.functions.datetime.Now()
+            ),
+        ),
+        migrations.CreateModel(
+            name="Game",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("name", models.CharField(max_length=200)),
+                ("description", models.TextField()),
+                (
+                    "completion",
+                    models.IntegerField(
+                        choices=[
+                            (1, "Work in Progress (Unplayable)"),
+                            (2, "Playable - In Development"),
+                            (3, "Beta - Stable but not Final"),
+                            (4, "Completed"),
+                        ],
+                        default=1,
+                    ),
+                ),
+                ("active", models.BooleanField(default=True)),
+                (
+                    "hostURL",
+                    models.CharField(
+                        help_text="If game is stored on itch.io, please enter the 7 digit long game id as its hostURL, i.e., 1000200",
+                        max_length=2083,
+                    ),
+                ),
+                ("isItch", models.BooleanField(default=True)),
+                ("pathToThumbnail", models.ImageField(null=True, upload_to="games/")),
+                (
+                    "event",
+                    models.ForeignKey(
+                        blank=True,
+                        null=True,
+                        on_delete=django.db.models.deletion.SET_NULL,
+                        to="game_dev.event",
+                    ),
+                ),
+            ],
+        ),
+    ]
diff --git a/server/game_dev/migrations/0004_alter_event_date.py b/server/game_dev/migrations/0004_alter_event_date.py
deleted file mode 100644
index edca9b7..0000000
--- a/server/game_dev/migrations/0004_alter_event_date.py
+++ /dev/null
@@ -1,18 +0,0 @@
-# Generated by Django 5.1.14 on 2025-12-06 07:46
-
-from django.db import migrations, models
-
-
-class Migration(migrations.Migration):
-
-    dependencies = [
-        ("game_dev", "0003_event_date"),
-    ]
-
-    operations = [
-        migrations.AlterField(
-            model_name="event",
-            name="date",
-            field=models.DateTimeField(),
-        ),
-    ]
diff --git a/server/game_dev/migrations/0004_gamecontributors.py b/server/game_dev/migrations/0004_gamecontributors.py
new file mode 100644
index 0000000..78f166f
--- /dev/null
+++ b/server/game_dev/migrations/0004_gamecontributors.py
@@ -0,0 +1,48 @@
+# Generated by Django 5.1.14 on 2026-01-10 04:59
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("game_dev", "0003_event_date_game"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="GameContributors",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("role", models.CharField(max_length=100)),
+                (
+                    "game",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="game_contributors",
+                        to="game_dev.game",
+                    ),
+                ),
+                (
+                    "member",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="member_games",
+                        to="game_dev.member",
+                    ),
+                ),
+            ],
+            options={
+                "unique_together": {("game", "member")},
+            },
+        ),
+    ]
diff --git a/server/game_dev/migrations/0005_gameshowcase.py b/server/game_dev/migrations/0005_gameshowcase.py
new file mode 100644
index 0000000..8695d95
--- /dev/null
+++ b/server/game_dev/migrations/0005_gameshowcase.py
@@ -0,0 +1,44 @@
+# Generated by Django 5.1.14 on 2026-01-17
+
+import django.db.models.deletion
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("game_dev", "0004_gamecontributors"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="GameShowcase",
+            fields=[
+                (
+                    "id",
+                    models.BigAutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("description", models.TextField()),
+                (
+                    "game",
+                    models.ForeignKey(
+                        on_delete=django.db.models.deletion.CASCADE,
+                        related_name="game_showcases",
+                        to="game_dev.game",
+                    ),
+                ),
+                (
+                    "member",
+                    models.ManyToManyField(
+                        related_name="showcased_games",
+                        to="game_dev.member",
+                    ),
+                ),
+            ],
+        ),
+    ]
diff --git a/server/game_dev/migrations/0005_rename_gamecontributors_gamecontributor.py b/server/game_dev/migrations/0005_rename_gamecontributors_gamecontributor.py
new file mode 100644
index 0000000..5fd7927
--- /dev/null
+++ b/server/game_dev/migrations/0005_rename_gamecontributors_gamecontributor.py
@@ -0,0 +1,17 @@
+# Generated by Django 5.1.14 on 2026-01-17 07:49
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("game_dev", "0004_gamecontributors"),
+    ]
+
+    operations = [
+        migrations.RenameModel(
+            old_name="GameContributors",
+            new_name="GameContributor",
+        ),
+    ]
diff --git a/server/game_dev/migrations/0006_merge_20260121_1416.py b/server/game_dev/migrations/0006_merge_20260121_1416.py
new file mode 100644
index 0000000..ef9cd6c
--- /dev/null
+++ b/server/game_dev/migrations/0006_merge_20260121_1416.py
@@ -0,0 +1,13 @@
+# Generated by Django 5.1.14 on 2026-01-21 06:16
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("game_dev", "0005_gameshowcase"),
+        ("game_dev", "0005_rename_gamecontributors_gamecontributor"),
+    ]
+
+    operations = []
diff --git a/server/game_dev/migrations/0007_remove_gameshowcase_member_game_itchembedid_and_more.py b/server/game_dev/migrations/0007_remove_gameshowcase_member_game_itchembedid_and_more.py
new file mode 100644
index 0000000..e8669f6
--- /dev/null
+++ b/server/game_dev/migrations/0007_remove_gameshowcase_member_game_itchembedid_and_more.py
@@ -0,0 +1,32 @@
+# Generated by Django 5.1.14 on 2026-01-22 02:58
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("game_dev", "0006_merge_20260121_1416"),
+    ]
+
+    operations = [
+        migrations.RemoveField(
+            model_name="gameshowcase",
+            name="member",
+        ),
+        migrations.AddField(
+            model_name="game",
+            name="itchEmbedID",
+            field=models.PositiveIntegerField(
+                blank=True,
+                default=None,
+                help_text="If game is stored on itch.io, please enter the 7 digit long game id as its itchEmbedID, i.e., 1000200",
+                null=True,
+            ),
+        ),
+        migrations.AlterField(
+            model_name="game",
+            name="hostURL",
+            field=models.CharField(max_length=2083),
+        ),
+    ]
diff --git a/server/game_dev/models.py b/server/game_dev/models.py
index 6398070..fbb8019 100644
--- a/server/game_dev/models.py
+++ b/server/game_dev/models.py
@@ -1,4 +1,5 @@
 from django.db import models
+from django.db.models.functions import Now
 
 
 class Member(models.Model):
@@ -14,7 +15,7 @@ def __str__(self):
 
 class Event(models.Model):
     name = models.CharField(max_length=200)
-    date = models.DateTimeField()
+    date = models.DateTimeField(db_default=Now())
     description = models.CharField(max_length=256, blank=True)
     publicationDate = models.DateField()
     cover_image = models.ImageField(upload_to="events/", null=True)
@@ -22,3 +23,56 @@ class Event(models.Model):
 
     def __str__(self):
         return self.name
+
+
+# GameContributor table: links Game, Member, and role (composite PK)
+class GameContributor(models.Model):
+    game = models.ForeignKey('Game', on_delete=models.CASCADE, related_name='game_contributors')
+    member = models.ForeignKey('Member', on_delete=models.CASCADE, related_name='member_games')
+    role = models.CharField(max_length=100)
+
+    class Meta:
+        unique_together = (('game', 'member'),)
+
+    def __str__(self):
+        return f"{self.member.name} ({self.role}) for {self.game.name}"
+
+
+class Game(models.Model):
+    # Enum choices
+    class CompletionStatus(models.IntegerChoices):
+        WIP = 1, "Work in Progress (Unplayable)"
+        PLAYABLE_DEV = 2, "Playable - In Development"
+        BETA = 3, "Beta - Stable but not Final"
+        COMPLETED = 4, "Completed"
+
+    name = models.CharField(max_length=200, null=False)
+    description = models.TextField()
+    completion = models.IntegerField(
+        choices=CompletionStatus.choices,
+        default=CompletionStatus.WIP,
+        null=False,
+    )
+    active = models.BooleanField(default=True, null=False)
+    hostURL = models.CharField(max_length=2083)
+    isItch = models.BooleanField(default=True, null=False)
+    itchEmbedID = models.PositiveIntegerField(
+        default=None,
+        null=True,
+        blank=True,
+        help_text="If game is stored on itch.io, please enter the 7 digit long game id as its itchEmbedID, i.e., 1000200"
+    )
+
+    pathToThumbnail = models.ImageField(upload_to="games/", null=True)
+    event = models.ForeignKey(Event, on_delete=models.SET_NULL, null=True, blank=True)
+
+    def __str__(self):
+        return str(self.name)
+
+
+class GameShowcase(models.Model):
+    game = models.ForeignKey('Game', on_delete=models.CASCADE, related_name='game_showcases')
+    description = models.TextField()
+
+    def __str__(self):
+        return f"{self.game.name}"
diff --git a/server/game_dev/serializers.py b/server/game_dev/serializers.py
index b50638d..6a1318c 100644
--- a/server/game_dev/serializers.py
+++ b/server/game_dev/serializers.py
@@ -1,5 +1,5 @@
 from rest_framework import serializers
-from .models import Event, Member
+from .models import Event, Game, Member, GameShowcase, GameContributor
 
 
 class EventSerializer(serializers.ModelSerializer):
@@ -16,6 +16,58 @@ class Meta:
         ]
 
 
+# This is child serializer of GameSerializer
+class GameContributorSerializer(serializers.ModelSerializer):
+    member_id = serializers.IntegerField(source="member.id")  # to link contributors to their member/[id] page
+    name = serializers.CharField(source="member.name")
+
+    class Meta:
+        model = GameContributor
+        fields = ("member_id", "name", "role")
+
+
+class GamesSerializer(serializers.ModelSerializer):
+    contributors = GameContributorSerializer(
+        many=True,
+        source="game_contributors",
+        read_only=True
+    )
+
+    class Meta:
+        model = Game
+        fields = ('id', 'name', 'description', 'completion', 'active', 'hostURL', 'isItch', 'itchEmbedID', 'pathToThumbnail', 'event', "contributors")
+
+
+# Contributor serializer for name and role
+class ShowcaseContributorSerializer(serializers.ModelSerializer):
+    name = serializers.CharField(source='member.name', read_only=True)
+    role = serializers.CharField(read_only=True)
+    # social_links = serializers.CharField(source='member.social_links', read_only=True)
+    # socialmedia_name = serializers.CharField(source='member.socialmedia_name', read_only=True)
+
+    class Meta:
+        model = GameContributor
+        fields = ("name", "role")
+
+
+# Serializer for GameShowcase
+class GameshowcaseSerializer(serializers.ModelSerializer):
+    game_id = serializers.IntegerField(source='game.id', read_only=True)
+    game_name = serializers.CharField(source='game.name', read_only=True)
+    game_description = serializers.CharField(source='game.description', read_only=True)
+    game_cover_thumbnail = serializers.ImageField(source='game.pathToThumbnail', read_only=True)
+    contributors = serializers.SerializerMethodField()
+
+    class Meta:
+        model = GameShowcase
+        fields = ('game_id', 'game_name', 'game_description', 'description', 'contributors', 'game_cover_thumbnail')
+
+    def get_contributors(self, obj):
+        # Always fetch contributors from GameContributor for the related game
+        contributors = GameContributor.objects.filter(game=obj.game)
+        return ShowcaseContributorSerializer(contributors, many=True).data
+
+
 class MemberSerializer(serializers.ModelSerializer):
     class Meta:
         model = Member
diff --git a/server/game_dev/urls.py b/server/game_dev/urls.py
index d42d6a8..ae402cb 100644
--- a/server/game_dev/urls.py
+++ b/server/game_dev/urls.py
@@ -1,7 +1,10 @@
 from django.urls import path
-from .views import EventListAPIView, EventDetailAPIView
+from .views import EventListAPIView, EventDetailAPIView, GamesDetailAPIView, itch_embed_proxy, GameshowcaseAPIView
 
 urlpatterns = [
     path("events/", EventListAPIView.as_view(), name="events-list"),
     path("events/<int:id>/", EventDetailAPIView.as_view()),
+    path("games/<int:id>/", GamesDetailAPIView.as_view()),
+    path("itch-embed/<str:embed_id>/", itch_embed_proxy),
+    path("gameshowcase/", GameshowcaseAPIView.as_view(), name="gameshowcase-api"),  # Updated line for GameShowcase endpoint
 ]
diff --git a/server/game_dev/views.py b/server/game_dev/views.py
index 89ce3a9..f06c66a 100644
--- a/server/game_dev/views.py
+++ b/server/game_dev/views.py
@@ -1,14 +1,39 @@
-# from django.shortcuts import render
-
-# Create your views here.
 from rest_framework import generics
-from .models import Event
-from .serializers import EventSerializer
+from .serializers import GamesSerializer, GameshowcaseSerializer, EventSerializer
+from .models import Game, GameShowcase
+import urllib.request
+from django.http import JsonResponse
+from django.views.decorators.csrf import csrf_exempt
 from django.utils import timezone
+from .models import Event
+from rest_framework.views import APIView
+from rest_framework.response import Response
 from rest_framework.exceptions import ValidationError
 from rest_framework.pagination import PageNumberPagination
 
 
+class GamesDetailAPIView(generics.RetrieveAPIView):
+    """
+    GET /api/games/<id>/
+    """
+    serializer_class = GamesSerializer
+    lookup_url_kwarg = "id"
+
+    def get_queryset(self):
+        return Game.objects.filter(id=self.kwargs["id"])
+
+
+@csrf_exempt
+def itch_embed_proxy(request, embed_id):
+    url = f"https://itch.io/embed/{embed_id}"
+    try:
+        with urllib.request.urlopen(url, timeout=10) as response:
+            html = response.read().decode("utf-8")
+        return JsonResponse({"html": html})
+    except Exception as e:
+        return JsonResponse({"error": str(e)}, status=500)
+
+
 class EventPagination(PageNumberPagination):
     page_size = 20
     page_size_query_param = "page_size"
@@ -51,3 +76,10 @@ class EventDetailAPIView(generics.RetrieveAPIView):
 
     def get_queryset(self):
         return Event.objects.filter(id=self.kwargs["id"])
+
+
+class GameshowcaseAPIView(APIView):
+    def get(self, request):
+        showcases = GameShowcase.objects.all()
+        serializer = GameshowcaseSerializer(showcases, many=True)
+        return Response(serializer.data)