01 / About
About
Hi, this is Tzu-Yuan Kao, a software engineer with nearly 3 years of enterprise experience owning production web apps end to end, covering architecture, API integration, and cross-functional delivery with product, design, and backend teams.
Now sets frontend engineering standards and is growing into backend, cloud and infrastructure, and regularly steps beyond the frontend to unblock delivery.
I care about maintainability and edge cases, work closely with designers, PMs and backend engineers, and raise risks before they grow.
3
Years in software
5
Engineers mentored
20 +
Projects shipped
02 / Experience
Experience
Senior Software Engineer · Stockfeel Current
- Defined team-wide coding standards and led tech stack decisions; built VSCode-based local dev environment setup, cutting onboarding time from 1+ day to under an hour.
- Leading an incremental, codebase-wide JavaScript to TypeScript migration, prioritizing type coverage on shared modules while sustaining feature velocity; achieved 98.4% type coverage (strict) across a 42.9k-identifier codebase.
- Built an AI development pipeline with 4 agents and 6 reusable skills, orchestrated from a single skill through to an auto-generated PR, and vendored it into the repo for zero-setup team adoption.
- Served as primary technical contact for 2 frontend engineers, unblocking implementation issues and reviewing architecture decisions. Extended support beyond frontend scope — diagnosing production issues via EC2/ECS log inspection and modifying Terraform-managed CloudFront CSP config to support a client's iframe-embedding requirement.
- Restored a frontend CI check so quality gates run on every PR, consolidated frontend and backend git hooks under a single manager, and now own the team's SonarQube instance, enforcing static analysis.
Frontend Engineer · Stockfeel
- Built a reusable component library of 20+ highly extensible, low-duplication components, increasing development efficiency by 30% and ensuring UI consistency across products.
- Implemented Vitest unit test suites achieving 82% coverage, reducing debugging time by 35% through early regression detection.
- Built a token-based SSO solution enabling seamless CDP platform embedding across client systems without duplicate authentication.
Frontend Engineer · Yesee
- Solely delivered 3 core business modules (pre-order system, Store, product management) building 30+ pages and integrating 60+ RESTful APIs to handle product logic, promotion calculations, and inventory management.
- Refactored Vue 2 components to Composition API during feature development, improving code organization and TypeScript compatibility while supporting teammates in resolving migration blockers.
- Worked within a 20+ person cross-functional team on a large-scale convenience store CMS as the frontend point of contact for technical alignment.
Fullstack Developer · ALPHA CAMP
- During this period, I gained a deep understanding of fundamental languages such as HTML, CSS, and JavaScript, and further honed my skills in using React to develop dynamic and efficient user interfaces. At the same time, I learned how to set up backend services using Node.js and Express.js, and I integrated a SQL database into my projects to manage data storage and retrieval. For the final capstone project, I developed a podcast streaming platform using React. This platform integrated Spotify's OAuth login system, allowing users to easily sign in with their Spotify accounts and access personalized content. To achieve this, I thoroughly studied and implemented the OAuth 2.0 authentication process, and I used the Spotify API to fetch users' playlists, albums, and profile information. This experience not only helped me master the integration of third-party APIs but also enhanced my ability to handle authentication and security issues.
03 / Skills
Skills
Certification
Stack
04 / Projects
Projects
Articote
This is my personal technical blog, built with Next.js and TypeScript, with content authored in MDX and managed through Velite. It supports full bilingual (English / Traditional Chinese) routing via next-intl, dark mode, syntax-highlighted code blocks, and auto-generated OG images for social sharing. The site collects my notes, hands-on takeaways, and lessons learned across frontend development, backend engineering, cloud services, and system design. This blog is where I turn scattered learning into something structured and shareable. Rather than letting notes stay buried in a personal wiki, I wanted a space that's public, searchable, and readable in either language — a running record of how my understanding of software engineering keeps evolving.
TzuYuan Profile
This is my personal portfolio site, built with Astro alongside React, TypeScript, and Tailwind CSS, with all content data validated through Zod schemas. The hero section centers on an interactive 3D terrain animation built with Three.js that deforms in real time as the pointer moves. It falls back to a static gradient background when WebGL isn't supported or the visitor prefers reduced motion, and pauses its render loop through an Intersection Observer whenever the section scrolls out of view or the tab goes into the background, balancing visual polish with performance. The site brings together an about section, career history, skills, project work, and contact details, with full English and Traditional Chinese support. This portfolio is where I brought together the results of my past few years as an engineer, and also a hands-on exercise in performance tuning and accessible fallback strategy. Rather than just listing experience, I wanted the interaction details and bilingual content to show how much I care about craft and user experience in frontend engineering.
MovieHub
MovieHub is a movie information website built with React, TypeScript, and Vite. It uses Redux Toolkit to manage a favorites list and saves that data in the browser's local storage. The site gives users an intuitive interface for searching and browsing movies, and for exploring titles by genre. Movie data comes from the API provided by TMDB, including movie details, trailers, cast information, and other movies featuring the same cast. Every API request is routed through a serverless function deployed on Vercel that proxies the call to TMDB, so the access token stays on the server and is never exposed to the browser. This project was where I practiced frontend state management and integrating with an external API. I also handled cross-origin request proxying in practice and deployed both the frontend and an API proxy on Vercel, gaining real-world experience with hybrid deployments.
Pokemon Illustrated Handbook
Since childhood, I've always been drawn to Pokémon. These adorable creatures have grown up with me, like loyal friends. Their evolution journey mirrors my childhood memories, continuing to accompany me. Inspired by these fond memories, I wanted to relive those nostalgic thrills. This project is built using the React framework, integrating with the API provided by Pokémon to fetch data. The website features search and favorite functionalities.
05 / Contact
Let's work together.
Open to new roles, freelance work, or just an interesting conversation — pick whichever channel works for you.
asdll6618@gmail.com