stuff happened

frontend/routes/projects/index.tsx

@@ -1,6 +1,32 @@
+import { FreshContext, Handlers, PageProps } from "$fresh/server.ts";
 import { ProjectCard } from "../../islands/ProjectCard.tsx";
 
-export default function Projects() {
+interface ProjectData {
+  project_id: number;
+  title: string;
+  repo?: string;
+  summary: string;
+  tech: string;
+  wip?: boolean;
+  created_at: string;
+}
+
+export const handler: Handlers<ProjectData> = {
+  async GET(_req: Request, ctx: FreshContext) {
+    const projectResult = await fetch(
+      `${Deno.env.get("BASE_URI_API")}/projects`,
+    );
+
+    const projectData = await projectResult.json();
+    return ctx.render({
+      projectData,
+    });
+  },
+};
+
+export default function Projects({ data }: PageProps<ProjectData>) {
+  const { projectData: projects } = data;
+
   return (
     <div class="space-y-12 px-10 py-8 sm:min-h-screen bg-[#313244]">
       <section
@@ -10,56 +36,18 @@ export default function Projects() {
         <h1 class="text-3xl text-white font-bold uppercase text-center">
           Projects
         </h1>
-        <div class="grid grid-cols-1 sm:grid-cols-2 ">
-          <ProjectCard
-            wip
-            title="Website v2"
-            summary="This website was built by yours truly!"
-            // repo="https://scm.wyattjmiller.com/wymiller/my-website-v2"
-            tech="Typescript, Deno, Fresh, Tailwind, Rust, PostgreSQL, Docker"
-          />
-          <ProjectCard
-            title="BallBot"
-            repo="https://scm.wyattjmiller.com/wymiller/ballbot"
-            summary="A Discord bot that tells me NFL games, teams, and more!"
-            tech="Rust, Discord SDK, Docker"
-          />
-          <ProjectCard
-            title="Nix configurations"
-            repo="https://scm.wyattjmiller.com/wymiller/nix-config-v2"
-            summary="My 'master' declarative system configuration for multiple computers"
-            tech="Nix"
-          />
-          <ProjectCard
-            wip
-            title="omega"
-            summary="Music bot for Discord that plays music from different music sources"
-            tech="Rust, Discord SDK, SurrealDB, yt-dlp"
-          />
-          <ProjectCard
-            title="gt"
-            repo="https://scm.wyattjmiller.com/wymiller/gt"
-            summary="Command line application to interact with Gitea"
-            tech="Rust"
-          />
-          <ProjectCard
-            title="The Boyos Bot"
-            repo="https://github.com/NoahFlowa/BoyosBot"
-            summary="All-in-one Discord bot, built with my friend, NoahFlowa"
-            tech="Javascript, Node, Discord SDK, Docker"
-          />
-          <ProjectCard
-            title="drillsergeant"
-            repo="https://scm.wyattjmiller.com/wymiller/drillsergeant"
-            summary="Git commit counter, to scratch an itch I had"
-            tech="C#, .NET"
-          />
-          <ProjectCard
-            title="bleak"
-            repo="https://scm.wyattjmiller.com/wymiller/bleak"
-            summary="Turns your Raspberry Pi into a lighting controller"
-            tech="Rust"
-          />
+        <div class="grid grid-cols-1 sm:grid-cols-2">
+          {projects.map((project: any) => {
+            return (
+              <ProjectCard
+                title={project.title}
+                repo={project.repo ?? undefined}
+                summary={project.summary}
+                tech={project.tech}
+                wip={project.wip ?? true}
+              />
+            );
+          })}
         </div>
       </section>
     </div>