update recent project

Author: Weile-Zheng

components/projectCard.jsx

@@ -3,7 +3,10 @@ import Image from "next/image";
 import Icon from "@/components/icon";
 
 export default function ProjectCard({ project, basePath }) {
-  const imagePath = `${basePath}/images/projects/${project.label.toLowerCase().split(" ").join("_")}.jpg`;
+  const imagePath = `${basePath}/images/projects/${project.label
+    .toLowerCase()
+    .split(" ")
+    .join("_")}.jpg`;
   return (
     <div className="text-left sm:text-center rounded bg-grey py-2 sm:py-4 px-2 sm:px-8 w-full sm:w-60 flex sm:block gap-8">
       <Image
@@ -14,18 +17,28 @@ export default function ProjectCard({ project, basePath }) {
         alt={project.label}
       />
       <div className="">
-        <h3 className="mb-1 text-2xl font-bold tracking-tight">{project.label}</h3>
+        <h3 className="mb-1 text-2xl font-bold tracking-tight">
+          {project.label}
+        </h3>
         <ul className="flex sm:justify-center mt-2 sm:mt-4 space-x-4">
           {project.github && (
             <li>
-              <Link href={project.github} className="hover:text-gray" aria-label="Github Repo">
+              <Link
+                href={project.github}
+                className="hover:text-gray"
+                aria-label="Github Repo"
+              >
                 <Icon name="github" className="text-3xl" />
               </Link>
             </li>
           )}
           {project.googleSlides && (
             <li>
-              <Link href={project.googleSlides} className="hover:text-gray" aria-label="Google Slides">
+              <Link
+                href={project.googleSlides}
+                className="hover:text-gray"
+                aria-label="Google Slides"
+              >
                 <Icon name="file-pdf" className="text-3xl" />
               </Link>
             </li>

config/homepage.json

@@ -1,17 +1,18 @@
 [
-    {
-        "name": "Image Colorization",
-        "image": "image_colorization.png",
-        "link": "https://docs.google.com/document/d/19CekIh2sZGKKMoRA5VNFEcjNGHc9GEYt/"
-    },
-    {
-        "name": "Webscraping",
-        "image": "webscraping.png",
-        "link": "https://docs.google.com/document/d/1uVD5nvpA0lg9E8tE9khuEQDlwCwHKgrHGqtvzKe2JoA/"
-    },
-    {
-        "name": "Footwear Classification",
-        "image": "footwear_classification.png",
-        "link": "https://docs.google.com/presentation/d/1Bb7nCc4o3fmV4OkR-NOeAwzl6i1E_BA_V937Gjoq1wc/"
-    }
-]
+  {
+    "name": "LLM Augmentation",
+    "image": "llm_augmentation.png",
+    "link": "https://github.com/MichiganDataScienceTeam/W24-llm-augmentation"
+  },
+
+  {
+    "name": "Image Colorization",
+    "image": "image_colorization.png",
+    "link": "https://docs.google.com/document/d/19CekIh2sZGKKMoRA5VNFEcjNGHc9GEYt/"
+  },
+  {
+    "name": "Real Vs Fake Face",
+    "image": "rvf.png",
+    "link": "https://github.com/MichiganDataScienceTeam/W24-RvF/tree/main"
+  }
+]