Added info gathering from GitHub

Author: PacifiK2460

package-lock.json

@@ -13,6 +13,7 @@
     "@as-integrations/next": "^3.0.0",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-slot": "^1.0.2",
     "@vercel/analytics": "^1.1.2",
     "class-validator": "^0.14.1",

package.json

@@ -195,7 +195,8 @@ export default function Page() {
                   title={project.title}
                   description={project.description}
                   tags={project.techStack}
-                  link={"link" in project ? project.link.href : undefined}
+                  link={"link" in project ? project.link : undefined}
+                  repo={project.repo}
                 />
               );
             })}

src/app/page.tsx

@@ -7,14 +7,17 @@ import {
 } from "./ui/card";
 import { Badge } from "./ui/badge";
 
+import { GitHubLogoIcon } from '@radix-ui/react-icons'
+
 interface Props {
   title: string;
   description: string;
   tags: readonly string[];
   link?: string;
+  repo?: string;
 }
 
-export function ProjectCard({ title, description, tags, link }: Props) {
+export function ProjectCard({ title, description, tags, link, repo }: Props) {
   return (
     <Card className="flex flex-col overflow-hidden border border-muted p-3">
       <CardHeader className="">
@@ -42,7 +45,7 @@ export function ProjectCard({ title, description, tags, link }: Props) {
         </div>
       </CardHeader>
       <CardContent className="mt-auto flex">
-        <div className="mt-2 flex flex-wrap gap-1">
+        <div className="mt-2 flex w-full flex-wrap gap-1">
           {tags.map((tag) => (
             <Badge
               className="px-1 py-0 text-[10px] print:px-1 print:py-0.5 print:text-[8px] print:leading-tight"
@@ -53,6 +56,19 @@ export function ProjectCard({ title, description, tags, link }: Props) {
             </Badge>
           ))}
         </div>
+        {
+          repo && (
+            <a
+              href={repo}
+              target="_blank"
+              className="mt-2 ml-auto text-sm underline"
+            >
+              <div className="flex-none w-7 content-center">
+                <GitHubLogoIcon className="w-6 h-6" />
+              </div>
+            </a>
+          )
+        }
       </CardContent>
     </Card>
   );

src/components/project-card.tsx

@@ -18,8 +18,9 @@ import {
   YearProgressLogo,
 } from "@/images/logos";
 import { GitHubIcon, LinkedInIcon, XIcon } from "@/components/icons";
+import { cache } from "react";
 
-export const RESUME_DATA = {
+const _RESUME_DATA = {
   name: "Santiago de la cruz Martinez Lara",
   initials: "SL",
   location: "San Luis Potosí, México",
@@ -93,27 +94,41 @@ export const RESUME_DATA = {
       ],
       description:
         "The oficial site for the Carrocerías Plus Business",
-      // logo: ParabolLogo,
-      link: {
-        // label: "github.com",
-        href: "https://carroceriasplus.com.mx/",
-      },
-    },
-    {
-      title: "The Hype Company (Demo Site)",
-      techStack: [
-        "Full Stack Developer",
-        "TypeScript",
-        "React",
-        "Node.js",
-      ],
-      description:
-        "A demo store for a StreetWear Company: The Hype Company",
-      // logo: ParabolLogo,
-      link: {
-        label: "github.com",
-        href: "https://streetwear.santiago-lara.dev/",
-      },
+      link: "https://carroceriasplus.com.mx/",
+      repo: undefined
     },
+    // {
+    //   title: "The Hype Company (Demo Site)",
+    //   techStack: [
+    //     "Full Stack Developer",
+    //     "TypeScript",
+    //     "React",
+    //     "Node.js",
+    //   ],
+    //   description:
+    //     "A demo store for a StreetWear Company: The Hype Company",
+    //   link: "https://streetwear.santiago-lara.dev/",
+    //   repo: "https://streetwear.santiago-lara.dev/"
+    // },
   ],
-} as const;
+};
+
+// Define Projects type
+export type ResumeData = typeof _RESUME_DATA.projects[0];
+
+const user_repos = await fetch("https://api.github.com/users/PacifiK2460/repos", {
+  cache: "no-cache",
+});
+const user_repos_json = await user_repos.json();
+const user_repos_with_cv_in_topics = user_repos_json.filter((repo: any) => repo.topics.includes("cv"));
+const repos: ResumeData[] = user_repos_with_cv_in_topics.map((repo: any) => ({
+  title: repo.name,
+  techStack: repo.topics,
+  description: repo.description,
+  link: repo.homepage,
+  repo: repo.html_url,
+}));
+
+_RESUME_DATA.projects.push(...repos);
+
+export const RESUME_DATA = _RESUME_DATA;