From 9f4856f60d5bb541a8c464b45cf22f31350817f4 Mon Sep 17 00:00:00 2001
From: imnyang <me@imnya.ng>
Date: Thu, 13 Feb 2025 20:34:27 +0900
Subject: [PATCH] =?UTF-8?q?Project=20=EB=A6=AC=EC=8A=A4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Home/Project.tsx | 31 ++++++++++++++++++++++++++++++-
 src/components/ProjectCard.tsx  | 31 +++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+), 1 deletion(-)
 create mode 100644 src/components/ProjectCard.tsx

diff --git a/src/components/Home/Project.tsx b/src/components/Home/Project.tsx
index 8377e69..c0481bb 100644
--- a/src/components/Home/Project.tsx
+++ b/src/components/Home/Project.tsx
@@ -1,9 +1,38 @@
+import ProjectCard from "../ProjectCard";
+
+const projects = [
+    {
+        name: "🍴 오늘 인천 상정중학교",
+        description: "오늘의 급식을 인스타그램에서도 빠르게",
+        link: "https://www.instagram.com/today.isangjeong/"
+    },
+    {
+        name: "🧹 al-1s (개발중)",
+        description: "Hyper-V 웹에서도 쉽게 관리하기",
+        link: "/#project"
+    },
+    {
+        name: "🩷 Dynamic Kawaii",
+        description: "진정한 VSCode 테마",
+        link: "https://github.com/imnyang/dynamic-kawaii"
+    },
+    {
+        name: "💊 FakeAlyac",
+        description: "어? 내 시스템 트레이에 있는거 알약 아닌데?",
+        link: "https://github.com/imnyang/FakeAlyac"
+    }
+]
+
 export default function Project() {
     return (
         <div className="w-full h-screen flex flex-col items-center justify-center">
             <div className="w-full md:w-[50%] p-4">
                 <h1 className="text-2xl font-bold">📖 Project</h1>
-                <p className="mt-2">Soon™</p>
+                <div className="mt-4 gap-4 grid grid-cols-1 md:grid-cols-2">
+                    {projects.map((project, index) => (
+                        <ProjectCard key={index} name={project.name} description={project.description} link={project.link} />
+                    ))}
+                </div>
             </div>
         </div>
     );
diff --git a/src/components/ProjectCard.tsx b/src/components/ProjectCard.tsx
new file mode 100644
index 0000000..55dd6e4
--- /dev/null
+++ b/src/components/ProjectCard.tsx
@@ -0,0 +1,31 @@
+import {
+    Card,
+    CardContent,
+    CardDescription,
+    CardFooter,
+    CardHeader,
+    CardTitle,
+  } from "@/components/ui/card"
+
+import { Link } from "react-router";
+
+interface ProjectCardProps {
+    name: string;
+    description: string;
+    link: string;
+}
+
+const ProjectCard: React.FC<ProjectCardProps> = ({ name, description, link }) => {
+    return (
+        <Link to={link}>
+            <Card>
+                <CardHeader>
+                    <CardTitle>{name}</CardTitle>
+                    <CardDescription>{description}</CardDescription>
+                </CardHeader>
+            </Card>
+        </Link>
+    );
+}
+
+export default ProjectCard;
\ No newline at end of file