Update: the portfolio with lates info

frontend/src/components/About.tsx

@@ -1,5 +1,5 @@
 import PP from "../assets/pp.jpg";
-import DoraemonImg from "../assets/joy.png"
+import DoraemonImg from "../assets/joy.png";
 
 function About() {
   return (
@@ -126,30 +126,40 @@ function About() {
           </div>
         </div>
         <div className="mt-4 md:mt-0 flex grow flex-col gap-4 font-poppins font-extralight md:w-3/5 text-white/90 text-xl">
-          <p>Hey there, I'm Piyush from Bangalore, Karnataka, a college student pursuing computer science<span className="mx-2">🖥️</span>
+          <p>
+            Hey there, I'm Piyush from Bangalore, Karnataka, a college student
+            pursuing computer science<span className="mx-2">🖥️</span>
             with a passion for building and automating things for the web.
           </p>
           <p>
-            My interest in computers began probably when I first saw one on television while watching{" "}
+            My interest in computers began probably when I first saw one on
+            television while watching{" "}
             <span className="text-cerulean font-semibold">Doraemon</span>
-            <img className="w-6 h-6 mx-2 inline-block" src={DoraemonImg} alt="Doraemon joy face" />.
-            Since then, I've been hooked — whether it's reading computer books, sketching laptops,
-            trying out games on a friend's new laptop, or tinkering with my system to the wire,
-            I've done it all.
+            <img
+              className="w-6 h-6 mx-2 inline-block"
+              src={DoraemonImg}
+              alt="Doraemon joy face"
+            />
+            . Since then, I've been hooked — whether it's reading computer
+            books, sketching laptops, trying out games on a friend's new laptop,
+            or tinkering with my system to the wire, I've done it all.
           </p>
           <p>
-            As a software developer, I enjoy building web applications that are scalable and robust under the hood.
-            I'm also passionate about backend development using tools like
-            Python, Go, Azure and Terraform, but love building with whatever tools are right for the job.
+            As a software developer, I enjoy building web applications that are
+            scalable and robust under the hood. I'm also passionate about
+            backend development using tools like Python, Go, Azure and
+            Terraform, but love building with whatever tools are right for the
+            job.
           </p>
           <p>
-            When I'm not in front of a computer screen, you can probably find me running
-            in the park, or playing badminton or cricket.{" "}
-            <span className="text-cerulean font-semibold">Thanks</span> for stopping by my portfolio!
+            When I'm not in front of a computer screen, you can probably find me
+            running in the park, or playing badminton or cricket.{" "}
+            <span className="text-cerulean font-semibold">Thanks</span> for
+            stopping by my portfolio!
           </p>
         </div>
       </div>
-    </div >
+    </div>
   );
 }
 

frontend/src/components/Certifications.tsx

@@ -1,8 +1,8 @@
 import Certificate from "./Certificate";
 import az204 from "../assets/az204.png";
 import az900 from "../assets/az900.png";
-import awscp from "../assets/awscp.png";
-import ml from "../assets/ml_regression_classification.png";
+import ghf from "../assets/ghf.png";
+import ai900 from "../assets/ai900.png";
 
 function Certification() {
   return (
@@ -28,14 +28,14 @@ function Certification() {
           certLink="https://learn.microsoft.com/api/credentials/share/en-us/Piyushsingh-5881/5AC677A78A015901?sharingId=F1908318814FC2CB"
         />
         <Certificate
-          certSrc={awscp}
-          certName="AWS Cloud Practitioner"
-          certLink="https://www.credly.com/badges/e441847e-9a17-4868-ba3b-ed0d15bd37d5/public_url"
+          certSrc={ghf}
+          certName="Github Foundations"
+          certLink="https://www.credly.com/badges/cee2b15c-8bbf-421f-9edb-d41dbfaf4caf/public_url"
         />
         <Certificate
-          certSrc={ml}
-          certName="Supervised Machine Learning"
-          certLink="https://coursera.org/share/38b241052f94da4470945a0e7fd8aa1b"
+          certSrc={ai900}
+          certName="AI-900"
+          certLink="https://learn.microsoft.com/api/credentials/share/en-us/Piyushsingh-5881/843C5B30DD348A2?sharingId=F1908318814FC2CB"
         />
       </div>
     </div>

frontend/src/components/Projects.tsx

@@ -1,8 +1,8 @@
 import { Project } from "./Project";
-import SpotArtImg from "../assets/projects/spotart.png"
-import AZQRCodeImg from "../assets/projects/az-qr-code.png"
-import QuizzicalImg from "../assets/projects/quizzical.png"
-import CloudResumeChallengeImg from "../assets/projects/cloud-resume-challenge.png"
+import SpotArtImg from "../assets/projects/spotart.png";
+import AZQRCodeImg from "../assets/projects/az-qr-code.png";
+import CookbooksImg from "../assets/projects/cookbooks.png";
+import CloudResumeChallengeImg from "../assets/projects/cloud-resume-challenge.png";
 
 function Projects() {
   return (
@@ -26,12 +26,12 @@ function Projects() {
           projectShortDesc="A beautiful webpage to check out your favourite music artists."
         />
         <Project
-          githubLink="https://github.com/antidoid/quizzical"
-          projectName="Quizzical"
-          projectLink="https://antidoid.github.io/quizzical"
-          projectSrc={QuizzicalImg}
-          tools={["React", "JavaScript", "CSS", "OpenTriviaDB"]}
-          projectShortDesc="A quiz app using the Open Trivia DB and React"
+          githubLink="https://github.com/antidoid/cookbooks"
+          projectName="Cookbooks"
+          projectLink="https://cookbooksstorage.z29.web.core.windows.net/"
+          projectSrc={CookbooksImg}
+          tools={["Shadcn", "Node", "MySQL", "Azure Container Apps"]}
+          projectShortDesc="A website to share and discover new recipes"
         />
         <Project
           githubLink="https://github.com/antidoid/cloud-resume-challenge"
@@ -46,7 +46,12 @@ function Projects() {
           projectName="QR Code Gen"
           projectLink="https://antidoid.github.io/az-qr-code"
           projectSrc={AZQRCodeImg}
-          tools={["TypeScript", "Python", "Azure BLOB Storage", "Azure Function"]}
+          tools={[
+            "TypeScript",
+            "Python",
+            "Azure BLOB Storage",
+            "Azure Function",
+          ]}
           projectShortDesc="A Dynamic QR Code Generator with so many colors and styles to choose from."
         />
       </div>