diff --git a/app/projects/page.js b/app/projects/page.js
index 39e9045..662227e 100644
--- a/app/projects/page.js
+++ b/app/projects/page.js
@@ -17,6 +17,7 @@ export default async function Page() {
               dates={project.details.dates}
               gist={project.details.gist}
               tags={project.details.tags}
+              repo={project.details.repo}
             />
           );
         })}
diff --git a/components/projectCard.js b/components/projectCard.js
index 3ff9ea7..2a0f0b0 100644
--- a/components/projectCard.js
+++ b/components/projectCard.js
@@ -3,9 +3,14 @@ import Link from 'next/link';
 import Chip from '@/components/chip';
 import { RightArrowIcon as Arrow } from '@/components/icons';
 
-const ProjectCard = ({ title, dates, gist, tags }) => {
+const ProjectCard = ({ repo, title, dates, gist, tags }) => {
   return (
-    <Link href={`projects/${title.replaceAll(' ', '-')}`}>
+    <Link
+      // href={`projects/${title.replaceAll(' ', '-')}`}
+      href={repo}
+      target="_blank"
+      rel="noopener"
+    >
       <button
         type="button"
         className="snap-start md:snap-none group w-64 h-80 flex flex-col justify-between p-7 rounded-xl shadow-lg transition-colors bg-green-50 hover:bg-green-500"
diff --git a/components/projectCardCarousel.js b/components/projectCardCarousel.js
index 6d36524..b1dc598 100644
--- a/components/projectCardCarousel.js
+++ b/components/projectCardCarousel.js
@@ -14,6 +14,7 @@ export const ProjectCardCarousel = ({ projects }) => {
             dates={project.details.dates}
             gist={project.details.gist}
             tags={project.details.tags}
+            repo={project.details.repo}
           />
         );
       })}