AI APPLICATION · PRODUCT ENGINEERING · SYSTEM INTEGRATION AI · PRODUCT · SYSTEMS

TAIWAN / UTC+8

BOYAN CHUANG · 莊柏彥 AI Application & Product Engineer

I turn vague operational requirements into AI and full-stack systems that ship, hold up in production, and stay maintainable — from breaking down the requirement through API, data, permissions, deployment and day-to-day operations. Multiple production systems delivered, plus a merged open-source upstream contribution.

BUILD
TypeScript · Node.js · React · PostgreSQL · AI/LLM Integration
FOCUS
AI Application · System Integration · Operations automation

01 / IDENTITY CARD

BOYAN

AI APPLICATION
PRODUCT ENGINEER

WORK INDEX 09 CASES

AI · API · DATA
INTEGRATION · OPS

  1. 01 AI application & product engineering
  2. 02 Full-stack & system integration
  3. 03 Production & operations

CAPABILITIES

Capabilities & stack

From requirement breakdown through AI and system integration to production operations: the problems I solve, the tools I use, and how each one shows up in the work below.

  1. AI application & product engineering

    Break vague operational requirements into verifiable flows, wire them to LLM classification, automation and APIs, and take them all the way to launch and daily operations.

    Requirement breakdown · LLM integration · AI message classification · Operations automation · Product Engineering

  2. Full-stack & system integration

    UI, API, database, permissions and third-party services joined into one data flow. LINE, Ragic and PostgreSQL are systems I have actually integrated.

    TypeScript · Node.js · Express · React · PostgreSQL · LINE API · Ragic

  3. Production & operations

    What happens after launch: permission audits, performance, backup and recovery, incident handling — plus content structure that both people and search engines can read.

    Permissions & audit · Performance optimisation · Backup & recovery · Incident handling · SEO / AEO

TECH INDEX

Tools I have actually used

Compiled from real projects, prototypes and dev environments. Depth varies by project — used is not the same as mastered.

  1. Frontend & interaction

    • Astro
    • React 19
    • React Native
    • Expo
    • TypeScript
    • JavaScript
    • HTML
    • CSS
    • Vite
    • Wouter (routing)
    • TanStack Query
    • Tailwind CSS
    • shadcn/ui + Radix UI
    • React Hook Form + Zod
    • Framer Motion
    • Recharts
  2. Backend & API

    • Node.js
    • Express
    • Python
    • REST API
    • WebSocket (ws)
    • Passport (local)
    • express-session + connect-pg-simple
    • Helmet + express-rate-limit
    • LINE Bot / LIFF
  3. Data & integration

    • Drizzle ORM
    • PostgreSQL (Neon serverless / pg)
    • MongoDB + Mongoose
    • MySQL
    • Redis
    • Ragic
  4. Build, test & tools

    • esbuild
    • tsx
    • Vitest
    • Drizzle Kit
    • Docker Desktop
    • Git
    • GitHub / GitHub Desktop
    • Postman
    • MongoDB Compass
    • Anaconda
    • Cloudflare Workers
  5. AI & discoverability

    • AI-assisted research & development
    • AI message classification
    • Semantic HTML
    • Structured Data
    • SEO / AEO (ongoing research)

WORK OVERVIEW

Selected work

All work
  • Internship Systems

    • LIVE

    Six Production Systems (Internship)

    Six live operations systems for registration, scheduling, dashboards and attendance.

  • Open-source Contribution

    • MERGED

    WorldMonitor Upstream Contribution

    Aligned a self-hosted Redis proxy with digest commands; merged upstream with tests.

  • University Capstone

    • ARCHIVED

    University Capstone Project

    A capstone prototype for previewing hairstyles on a phone and booking an appointment.