From 6e751986efc7cc9a2a25b7590d784a02168a698f Mon Sep 17 00:00:00 2001
From: Perry Zhu <perryzhu2004@outlook.com>
Date: Sat, 28 Feb 2026 17:59:52 -0800
Subject: [PATCH] chore: open door project info

---
 src/assets/projects-details.tsx | 56 +++++++++++++++++++++++++++++++++
 src/assets/skills-details.tsx   | 38 ++++++++++++++++++----
 2 files changed, 88 insertions(+), 6 deletions(-)

diff --git a/src/assets/projects-details.tsx b/src/assets/projects-details.tsx
index 97780e5..23cad77 100644
--- a/src/assets/projects-details.tsx
+++ b/src/assets/projects-details.tsx
@@ -9,6 +9,62 @@ import { SiGithub } from "react-icons/si";
  * Modifying the file requires re-building the project.
  */
 export const projectInfos: ProjectInfo[] = [
+  {
+    title: "Open-Door Job Application Agent",
+    intro: (
+      <>
+        Human-in-the-Loop AI Agent for Automated Job Applications using <code>LangGraph</code>, <code>Stagehand</code>, <code>Gemini API</code>, and <code>TypeScript</code>
+      </>
+    ),
+    descriptions: [
+      {
+        shortDesc: (
+          <>
+            <strong>Architected and developed</strong> a stateful AI agentic system using <code>LangGraph</code> to automate end-to-end online job applications, reducing manual entry for repetitive forms.
+          </>
+        ),
+        longDesc: (
+          <>
+            <ul>
+              <li>
+                Integrated <code>Stagehand</code> for browser automation, enabling autonomous navigation across job portals, login detection, and handling account creation plus email verification flows.
+              </li>
+              <li>
+                Implemented a robust <strong>Human-in-the-Loop (HITL)</strong> workflow with interactive interrupts to request missing user information and explicit approval before final submission.
+              </li>
+            </ul>
+          </>
+        ),
+      },
+      {
+        shortDesc: (
+          <>
+            <strong>Engineered a multimodal pipeline</strong> with Gemini API (<code>gemini-3.0-flash-preview</code>) for advanced computer-use capabilities and automated PDF resume parsing.
+          </>
+        ),
+        longDesc: (
+          <>
+            <ul>
+              <li>
+                Designed a modular node-based architecture across Resource Preparation, Account Handling, Form Filling, and Submission Review stages to manage complex states and looped form flows.
+              </li>
+              <li>
+                Managed the TypeScript workspace with <code>pnpm</code> workspaces and <code>Biome</code> for fast linting, formatting, and optimized dependency management.
+              </li>
+            </ul>
+          </>
+        ),
+      },
+    ],
+    links: [
+      <>
+        <IconedLink href="https://github.com/Perry2004/open-door">
+          <SiGithub />
+          <LinkText>Check GitHub</LinkText>
+        </IconedLink>
+      </>,
+    ],
+  },
   {
     title: "OOTDscribe",
     intro: (
diff --git a/src/assets/skills-details.tsx b/src/assets/skills-details.tsx
index 4bdea96..0883bca 100644
--- a/src/assets/skills-details.tsx
+++ b/src/assets/skills-details.tsx
@@ -42,6 +42,7 @@ import {
   SiTerraform,
   SiNestjs,
   SiMongodb,
+  SiGo,
 } from "react-icons/si";
 import { GiMagnifyingGlass, GiEarthAmerica, GiJapan } from "react-icons/gi";
 import { BsDatabaseGear, BsFiletypeSql, BsDiagram3 } from "react-icons/bs";
@@ -65,6 +66,7 @@ export const skillsData: SkillCategory[] = [
     skills: [
       { name: "TypeScript", icon: <SiTypescript /> },
       { name: "Java", icon: <FaJava /> },
+      { name: "Golang", icon: <SiGo /> },
       { name: "JavaScript", icon: <FaJs /> },
       { name: "Python", icon: <FaPython /> },
       { name: "R", icon: <FaRProject /> },
@@ -109,6 +111,20 @@ export const skillsData: SkillCategory[] = [
       { name: "Tableau", icon: <SiTableau /> },
     ],
   },
+  {
+    name: "AI Development",
+    icon: <MdArchitecture />,
+    skills: [
+      { name: "LangChain", icon: <MdArchitecture /> },
+      { name: "LangGraph", icon: <BsDiagram3 /> },
+      { name: "Prompt & Context Engineering", icon: <RiEnglishInput /> },
+      { name: "AI Agent", icon: <MdArchitecture /> },
+      { name: "AI Workflow", icon: <MdOutlineEngineering /> },
+      { name: "RAG", icon: <GiMagnifyingGlass /> },
+      { name: "Human-in-the-Loop", icon: <FaLanguage /> },
+      { name: "ReAct", icon: <BiTimeFive /> },
+    ],
+  },
   {
     name: "Database Design and Management",
     icon: <FaDatabase />,
@@ -145,6 +161,22 @@ export const skillsData: SkillCategory[] = [
       { name: "Japanese - Beginner", icon: <GiJapan /> },
     ],
   },
+  {
+    name: "Cloud Computing",
+    icon: <FaAws />,
+    skills: [
+      { name: "AWS", icon: <FaAws /> },
+      { name: "Linux", icon: <FaLinux /> },
+      { name: "Kubernetes", icon: <SiKubernetes /> },
+      { name: "Ansible", icon: <SiAnsible /> },
+      { name: "Terraform", icon: <SiTerraform /> },
+      { name: "Grafana", icon: <SiGrafana /> },
+      { name: "CI/CD", icon: <MdOutlineEngineering /> },
+      { name: "GitHub Actions", icon: <FaGithub /> },
+      { name: "Golang", icon: <SiGo /> },
+      { name: "Distributed System", icon: <FaServer /> },
+    ],
+  },
   {
     name: "Tools & Technologies",
     icon: <FaGithub />,
@@ -152,14 +184,8 @@ export const skillsData: SkillCategory[] = [
       { name: "Git", icon: <SiGit /> },
       { name: "GitHub", icon: <FaGithub /> },
       { name: "Docker", icon: <FaDocker /> },
-      { name: "Kubernetes", icon: <SiKubernetes /> },
-      { name: "Ansible", icon: <SiAnsible /> },
-      { name: "Terraform", icon: <SiTerraform /> },
-      { name: "Grafana", icon: <SiGrafana /> },
       { name: "Vim/Nvim", icon: <SiVim /> },
       { name: "Zsh", icon: <SiGnubash /> },
-      { name: "AWS", icon: <FaAws /> },
-      { name: "Linux", icon: <FaLinux /> },
       { name: "Blender", icon: <SiBlender /> },
       {
         name: "Minecraft Plugin & Mod",