Skip to content

chore: open door project info #75

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Perry2004 merged 1 commit into from
Mar 1, 2026
Merged

chore: open door project info #75

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
56 changes: 56 additions & 0 deletions src/assets/projects-details.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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: (
Expand Down
38 changes: 32 additions & 6 deletions src/assets/skills-details.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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";
Expand All @@ -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 /> },
Expand Down Expand Up @@ -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 />,
Expand Down Expand Up @@ -145,21 +161,31 @@ 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 />,
skills: [
{ 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",
Expand Down