pengfei@webvs2 Personal dossier online

Hello 你好

Yang Pengfei

Full-stack engineer / AI product development ElPlusX

7
Years shipping
Full-stack
& AI engineer
ElPlusX
core member
FULL-STACK / AIBuilt with craft. Shared through code.
Core contributor to Element Plus X, with 7 years in web and full-stack engineering, including roughly 2 years building AI products. I’ve led delivery of enterprise admin systems, electronic records/archives, AIGC creative platforms, and similar products. I’m strong across Vue, React, Go, Node.js, engineering/tooling, micro-frontends, component libraries, CI/CD, and API-first delivery — from requirements and frontend architecture through integration, deployment, and handoff.

01 Experience

Web frontend / full-stack engineer

航信云享科技有限公司河北分公司

Now
  • Led frontend architecture and core modules for cloud financial archives and budget-control products, including cross-device polish.
  • Built a module-driven page builder — config-driven pages, forms, and validation to ship complex screens faster.
  • Created an internal CLI and shared config baseline — templates, build conventions, and reuse patterns for the team.
  • Contributed to a Qiankun-based micro-frontend setup, using Git Submodule to manage multi-repo modules.
  • Partnered with backend on OAuth sign-in, OCR document processing, and third-party integrations end to end.
  • Vue 3
  • Vite
  • TypeScript
  • Node.js
  • Express
  • Qiankun
  • Element Plus
  • Webpack
  • Redis
  • Docker
  • CI/CD
  • Led the BOSS program frontend — planning, stakeholder sync, code standards, and release quality.
  • Shipped the admin console and storefront flows — ordering, workflow, analytics, and reporting in one loop.
  • Integrated Alipay and enterprise payments with callbacks, reconciliation, and business analytics.
  • Used Webpack splits, lazy-loaded images, MD5 hashing, and similar techniques for performance and safer data handling.
  • Coordinated the team for milestones and on-time launches.
  • Vue
  • Webpack
  • Ant Design
  • Node.js
  • MySQL
  • Axios
  • Chart.js
  • Git
  • Owned the punch-in tasks module on mobile web — end-to-end implementation and API integration.
  • Built create/submit/schedule flows that improved how assignments are managed and graded.
  • Broke down requirements, built reusable pieces, and partnered on QA through internship goals.
  • Vue
  • JavaScript
  • Axios
  • Git

02 Projects

AI product — full-stack engineer

AIDrama (AI video / image generation)

  • Led an API-first workflow where OpenAPI (`openapi.yaml`) was the single source of truth, powering Go `oapi-codegen` and frontend `openapi-typescript` so types stay aligned and integration is cheaper.
  • Helped build Go services (`http.ServeMux` + `database/sql`) for auth, sub-accounts, invites, credits/ledger, payments, and media jobs, with consistent `WriteJSON` / `WriteError` responses.
  • Owned major Canvas editor work — React Flow graphs for image-to-image, reference-to-video, and first/last-frame video flows, with uploads, URL parsing, draft persistence, session locking, and conflict handling across devices.
  • Helped ship the admin RBAC story — separate admin JWT, roles (viewer / operator / super_admin), and audit middleware so operational access is traceable and bounded.
  • Improved growth analytics — invite codes and aggregated spend (including rollups for sub-accounts), with admin views for user detail, top-ups, and monthly invite performance.
  • Go
  • React
  • TypeScript
  • PostgreSQL
  • OpenAPI
  • React Flow
  • JWT
  • RBAC
  • Docker

03 Education

Handan University · Computer Science and Technology · B.Sc.

Core CS coursework — software engineering, databases, and web development — plus continuous learning from production work.

04 Highlights

AI product delivery

~2 years in AIGC products; led full-stack work on AIDrama — React Flow graphs, image/video generation, credits/billing, and referrals — with a real API-first workflow in production.

Frontend engineering & platformization

Comfortable with Webpack, Vite, CLIs, component libraries, and config-driven UI — the kind of tooling that helps teams move together without thrash.

Open source & writing

Active in ecosystems like Element Plus and Ant Design; blog posts on Vue internals, applied AI, and shipping lessons.

05 Skills

Frontend

  • Vue 2/3
  • Vue Router
  • Pinia
  • React
  • Vite
  • Webpack
  • Qiankun micro-frontends

UI & components

  • Element Plus
  • Ant Design
  • responsive layouts
  • advanced forms/tables
  • config-driven page builders

Backend & APIs

  • Go
  • Node.js
  • Express
  • REST
  • OpenAPI
  • OAuth
  • payment webhooks
  • OCR integrations

Data & infra

  • PostgreSQL
  • MySQL
  • Redis
  • reporting
  • permissions
  • operational dashboards

Engineering

  • internal CLIs
  • modular configs
  • Git Submodule
  • ESLint/Prettier
  • CI/CD
  • Docker

AI delivery

  • AIGC products
  • Canvas graph editors
  • React Flow
  • API-first workflows
  • prompt/design for dev velocity

Collaboration

  • requirements breakdown
  • planning
  • code review
  • cross-team comms
  • deployment and handoff

06 Links

  • GitHub QR GitHub

Details may change over time

Last updated: 10-07-2026