From cf91fe07bdf18ce23e0aea0c559a3ac3b591cbc4 Mon Sep 17 00:00:00 2001
From: Noy Novera <noynovera@gmail.com>
Date: Mon, 16 Dec 2024 15:33:44 +0800
Subject: [PATCH] add builder to profile subheadline; add spectral to projects;

---
 apps/web/src/app/components/home/profile.tsx  |   2 +-
 apps/web/src/app/components/home/projects.tsx | 156 +++++++++---------
 2 files changed, 83 insertions(+), 75 deletions(-)

diff --git a/apps/web/src/app/components/home/profile.tsx b/apps/web/src/app/components/home/profile.tsx
index 559a680..329ac96 100644
--- a/apps/web/src/app/components/home/profile.tsx
+++ b/apps/web/src/app/components/home/profile.tsx
@@ -41,7 +41,7 @@ export default function HomeProfile() {
                 </div>
                 <div className="py-3">
                     <h1 className="font-black text-2xl">Noy Novera</h1>
-                    <p>Curious Software Engineer</p>
+                    <p>Curious Software Engineer | Builder</p>
                 </div>
                 <div className="py-3">
                     <p>
diff --git a/apps/web/src/app/components/home/projects.tsx b/apps/web/src/app/components/home/projects.tsx
index 873b64f..7c07adb 100644
--- a/apps/web/src/app/components/home/projects.tsx
+++ b/apps/web/src/app/components/home/projects.tsx
@@ -52,8 +52,8 @@ export default function HomeProjects() {
                                 <IoMdPerson />
                                 <Link className="flex items-center"
                                     target="_blank"
-                                    href="#">
-                                    <FaLink />
+                                    href="https://github.com/nynvr/spectral">
+                                    <IoLogoGithub />
                                 </Link>
                             </div>
                             <CardTitle>
@@ -65,10 +65,86 @@ export default function HomeProjects() {
                             </CardTitle>
                             <CardDescription></CardDescription>
                         </CardHeader>
-                        <CardContent>
-                            A cloud-based tool utilizing msconvert to transform between various mass spectrometry data formats
-                        </CardContent>
-                        <CardFooter className="text-xl"></CardFooter>
+                        <CardContent>[2024-DEC] A cloud-based tool utilizing msconvert to transform between various mass spectrometry data formats</CardContent>
+                        <CardFooter className="text-xl">
+                            <TechStackItemC
+                                items={[
+                                    { icon: SiDjango, name: "Django" },
+                                    { icon: RiNextjsFill, name: "Next.js" },
+                                    { icon: SiShadcnui, name: "Shadcn UI" },
+                                    { icon: BiLogoPostgresql, name: "PostgreSQL" },
+                                    { icon: GrDocker, name: "Docker" }
+                                ]}
+                            />
+                        </CardFooter>
+                    </Card>
+
+                    <Card className="w-[350px]">
+                        <CardHeader>
+                            <div className="flex justify-start gap-2 text-sm content-center pb-2">
+                                <RiCheckboxMultipleFill />
+                                <IoMdPerson />
+                                <Link className="flex items-center"
+                                    target="_blank"
+                                    href="https://github.com/nynvr/django-nextjs-postgresql-template">
+                                    <IoLogoGithub />
+                                </Link>
+                            </div>
+                            <CardTitle>
+                                <Link className="flex items-center"
+                                    target="_blank"
+                                    href="#">
+                                    Django + Next.js + PostgreSQL Template
+                                </Link>
+                            </CardTitle>
+                            <CardDescription></CardDescription>
+                        </CardHeader>
+                        <CardContent>[2024-DEC] Project template for building Django + Next.js + PostgreSQL applications containerized with Docker Compose</CardContent>
+                        <CardFooter className="text-xl">
+                            <TechStackItemC
+                                items={[
+                                    { icon: SiDjango, name: "Django" },
+                                    { icon: RiNextjsFill, name: "Next.js" },
+                                    { icon: SiShadcnui, name: "Shadcn UI" },
+                                    { icon: BiLogoPostgresql, name: "PostgreSQL" },
+                                    { icon: GrDocker, name: "Docker" }
+                                ]}
+                            />
+                        </CardFooter>
+                    </Card>
+
+                    <Card className="w-[350px]">
+                        <CardHeader>
+                            <div className="flex justify-start gap-2 text-sm content-center pb-2">
+                                <RiCheckboxMultipleFill />
+                                <IoMdPerson />
+                                <Link className="flex items-center"
+                                    target="_blank"
+                                    href="https://github.com/nynvr/fastapi-nextjs-postgresql-template">
+                                    <IoLogoGithub />
+                                </Link>
+                            </div>
+                            <CardTitle>
+                                <Link className="flex items-center"
+                                    target="_blank"
+                                    href="#">
+                                    FastAPI + Next.js + PostgreSQL Template
+                                </Link>
+                            </CardTitle>
+                            <CardDescription></CardDescription>
+                        </CardHeader>
+                        <CardContent>[2024-DEC] Project template for building FastAPI + Next.js + PostgreSQL applications containerized with Docker Compose</CardContent>
+                        <CardFooter className="text-xl">
+                            <TechStackItemC
+                                items={[
+                                    { icon: SiFastapi, name: "FastAPI" },
+                                    { icon: RiNextjsFill, name: "Next.js" },
+                                    { icon: RiTailwindCssFill, name: "Tailwind CSS" },
+                                    { icon: BiLogoPostgresql, name: "PostgreSQL" },
+                                    { icon: GrDocker, name: "Docker" }
+                                ]}
+                            />
+                        </CardFooter>
                     </Card>
 
                     <Card className="w-[350px]">
@@ -252,74 +328,6 @@ export default function HomeProjects() {
                         </CardContent>
                         <CardFooter className="text-xl"></CardFooter>
                     </Card>
-
-                    <Card className="w-[350px]">
-                        <CardHeader>
-                            <div className="flex justify-start gap-2 text-sm content-center pb-2">
-                                <RiCheckboxMultipleFill />
-                                <IoMdPerson />
-                                <Link className="flex items-center"
-                                    target="_blank"
-                                    href="https://github.com/nynvr/fastapi-nextjs-postgresql-template">
-                                    <IoLogoGithub />
-                                </Link>
-                            </div>
-                            <CardTitle>
-                                <Link className="flex items-center"
-                                    target="_blank"
-                                    href="https://nynvr.io/">
-                                    FastAPI + Next.js + PostgreSQL Template
-                                </Link>
-                            </CardTitle>
-                            <CardDescription></CardDescription>
-                        </CardHeader>
-                        <CardContent>[2024-DEC] Project template for building FastAPI + Next.js + PostgreSQL applications containerized with Docker Compose</CardContent>
-                        <CardFooter className="text-xl">
-                            <TechStackItemC
-                                items={[
-                                    { icon: SiFastapi, name: "FastAPI" },
-                                    { icon: RiNextjsFill, name: "Next.js" },
-                                    { icon: RiTailwindCssFill, name: "Tailwind CSS" },
-                                    { icon: BiLogoPostgresql, name: "PostgreSQL" },
-                                    { icon: GrDocker, name: "Docker" }
-                                ]}
-                            />
-                        </CardFooter>
-                    </Card>
-
-                    <Card className="w-[350px]">
-                        <CardHeader>
-                            <div className="flex justify-start gap-2 text-sm content-center pb-2">
-                                <RiCheckboxMultipleFill />
-                                <IoMdPerson />
-                                <Link className="flex items-center"
-                                    target="_blank"
-                                    href="https://github.com/nynvr/django-nextjs-postgresql-template">
-                                    <IoLogoGithub />
-                                </Link>
-                            </div>
-                            <CardTitle>
-                                <Link className="flex items-center"
-                                    target="_blank"
-                                    href="https://nynvr.io/">
-                                    Django + Next.js + PostgreSQL Template
-                                </Link>
-                            </CardTitle>
-                            <CardDescription></CardDescription>
-                        </CardHeader>
-                        <CardContent>[2024-OCT] Project template for building Django + Next.js + PostgreSQL applications containerized with Docker Compose</CardContent>
-                        <CardFooter className="text-xl">
-                            <TechStackItemC
-                                items={[
-                                    { icon: SiDjango, name: "Django" },
-                                    { icon: RiNextjsFill, name: "Next.js" },
-                                    { icon: SiShadcnui, name: "Shadcn UI" },
-                                    { icon: BiLogoPostgresql, name: "PostgreSQL" },
-                                    { icon: GrDocker, name: "Docker" }
-                                ]}
-                            />
-                        </CardFooter>
-                    </Card>
                 </div>
             </div>
         </div>