project description

src/app/projects/page.tsx

@@ -4,6 +4,7 @@ import { trpc } from "~/app/_trpc/Client";
 import * as Card from "~/components/ui/card";
 import { Badge } from "~/components/ui/badge";
 import { StackBadge } from "~/components/StackBadge";
+import Markdown from "react-markdown";
 
 export default function ProjectsPage() {
   const { data: projects, isLoading } = trpc.projectv2.listWithStack.useQuery();
@@ -45,8 +46,13 @@ export default function ProjectsPage() {
               </div>
             </div>
           </Card.CardHeader>
-          {(project.sourceLink || project.releaseLink || project.techStack?.stackItems?.length) && (
+          {(project.description || project.sourceLink || project.releaseLink || project.techStack?.stackItems?.length) && (
             <Card.CardContent className="flex flex-col gap-3">
+              {project.description && (
+                <div className="prose prose-sm dark:prose-invert max-w-none text-muted-foreground">
+                  <Markdown>{project.description}</Markdown>
+                </div>
+              )}
               {(project.sourceLink || project.releaseLink) && (
                 <div className="flex gap-3 flex-wrap">
                   {project.sourceLink && (