Author Image

Hi, I am 一缘

问AI了解我

Yiyuan

Combining technical breadth and depth: Expert in computer fundamentals, software engineering theory, familiar with Unix programming philosophy. Solid architecture capabilities and rich project experience.

Outstanding full-stack architecture capability: Expert in frontend (React, Vue, Angular, Next.js, TaroJS, Tauri, etc.) and backend (Node.js, Python, Express, Django), led multiple systems from 0 to 1.

Strong cloud-native capabilities: Proficient in using Kubernetes, Docker, GitLab, DroneCI and other tools to build CI/CD and DevOps platforms.

Rich cross-platform development experience: Proficient in developing mini-programs, Hybrid Apps, WebView applications, React Native and other cross-platform solutions.

Passionate about open source and technology: Active in multiple open-source communities, recently led the development of openapi-typescript-cli tool to improve frontend-backend collaboration efficiency.

Proficient in AI tools application: Skilled in using AI-assisted development tools (such as Copilot, ChatGPT, Codeium) to improve development efficiency.

Skills

Experiences

1
Mengri Technology Co., Ltd.

2023.06-Present

Guangzhou

Architect & Technical Lead

2023.06-Present

Responsibilities:
  • Designed and continuously improved the company’s cloud-native platform, constructed complete DevOps infrastructure based on Kubernetes, deployed and maintained core services including GitLab, Harbor, Drone CI, EMQX, and Prometheus, achieving unified management of development, testing, and production environments.
  • Deeply involved in AI technology applications, responsible for full‑stack development of AI image platforms and related business systems, integrated mainstream AI image generation models such as Stable Diffusion and Midjourney, and implemented core features including model inference optimization, prompt engineering, and image post‑processing.
  • Responsible for AI model interface integration and optimization, designed efficient model invocation architecture, implemented optimization strategies including model caching, batch inference, and asynchronous processing, significantly improving AI service response speed and concurrency capabilities.
  • Led technical architecture design and core feature development of community and social projects, designed microservices architecture and database optimization solutions, and participated in technical solution formulation and technical reviews for key company projects.
  • Responsible for technical team building, established technical standards and development processes, guided team members in AI technology research and architecture optimization.
  • Continuously optimized system performance and stability, established monitoring and alerting systems, ensuring stable operation of core services.
Chenqi Mobility Technology Co., Ltd.

2019.07-2023.05

Guangzhou

Senior Frontend Engineer

2019.07-2023.05

Responsibilities:
  • Led the development of Ruqi Mobility franchisee SaaS platform from 0 to 1, adopted React + Redux + PWA architecture, deeply utilized modern features such as React Hooks and Context API, designed reusable component library and business component system.
  • Built configuration-driven CRUD page generation system based on React, automatically generating complete CRUD functional interfaces by configuring business fields, significantly improving development efficiency.
  • Responsible for React application performance optimization, utilized optimization techniques such as React.memo, useMemo, useCallback, implemented performance optimization solutions including virtual lists and lazy loading, improving rendering performance of large-scale applications.
  • Designed and built cloud-native development environment architecture, constructed containerized development, testing, and production environments based on Kubernetes, achieving environment isolation and unified resource management.
  • Responsible for DevOps system construction, built CI/CD pipelines, achieving full-process automation from code submission, automated testing, image building, to container deployment.
  • Responsible for BI platform development, performed secondary development on DavinciBI based on React + Redux technology stack, built drag-and-drop dashboard reports and WeChat mini-program data visualization.
  • Built autonomous driving visualization platform, implemented 3D point cloud display and console based on React + deck.gl + Three.js, handling large-scale data visualization rendering.
  • Developed encryption/decryption testing platform, built interactive debugging interface using React, implemented RSA+AES joint encryption debugging tools in browser environment, improving development efficiency.
  • Maintained K8s clusters, deployed DroneCI, improving automation level of deployment and testing processes.
2
3
VIPSHOP (China) Co., Ltd.

2018.05-2019.06

Guangzhou

Frontend Engineer

2018.05-2019.06

Responsibilities:
  • Responsible for live e-commerce H5 pages, VIP Warehouse mini-program development and performance optimization.
  • Built backend management systems using Vue + ElementUI, responsible for component design and architecture optimization.
Kugou Computer Technology Co., Ltd.

2016.01-2018.05

Guangzhou

Frontend Engineer

2016.01-2018.05

Responsibilities:
  • Responsible for Kugou Live PC client embedded page development, optimized legacy code, implemented MVC pattern development based on jQuery.
  • Responsible for Kugou Live PC page development, performed performance tuning, refactored and decoupled business code based on observer pattern.
  • Led technical upgrade of Kugou Live customer service system, migrated from traditional jQuery architecture to React technology stack, independently completed system architecture design and core feature development.
  • Built configuration-driven customer service ticket system based on React ecosystem (React + Redux + React Router), automatically generated complete ticket creation, processing, and workflow interfaces through JSON configuration, achieving zero-code configuration of business functions, significantly improving development efficiency and system maintainability.
  • Designed configuration-driven form engine, supporting core features including dynamic form fields, form validation rules, and workflow configuration, implementing complex business logic through configuration-driven approach, reducing redundant code development.
  • Responsible for frontend performance optimization of Kugou Music million-user online annual gala project, facing extreme scenarios of million-level concurrent users and massive real-time messages (gifts, chat, bullet comments), formulated and implemented comprehensive performance optimization strategies.
  • Implemented virtual scrolling and message queue optimization: used virtual list technology to handle tens of thousands of real-time messages, controlled DOM node count within reasonable range through strategies such as message fragmentation, debounce throttling, and message pool reuse, avoiding memory leaks and page lag.
  • Optimized real-time data stream processing: designed efficient message distribution mechanism, used optimization techniques such as event delegation, batch updates, and incremental rendering, optimized single render time from hundreds of milliseconds to within 16ms, ensuring smooth 60fps experience.
  • Established comprehensive performance monitoring system: integrated Performance API and custom performance tracking, monitored key metrics such as FPS, memory usage, and render time in real-time, located bottlenecks through performance analysis tools and continuously optimized.
  • Implemented resource loading optimization: adopted strategies such as lazy loading, code splitting, and resource preloading, optimized first-screen render time, ensuring pages could still respond quickly under million-user online scenarios.
4
5
GF Securities

2014.10-2016.01

Guangzhou

Full-stack Developer

2014.10-2016.01

Responsibilities:
  • Independently responsible for full-stack development of GF Securities OTC wealth management product website from 0 to 1, designed and implemented frontend-backend separation architecture, adopted AngularJS + Node.js + MongoDB technology stack.
  • Responsible for frontend architecture design: built single-page application (SPA) based on AngularJS, designed componentized development pattern, implemented core features including routing management, state management, and data binding, ensuring security and stability of financial-grade applications.
  • Responsible for backend architecture design: built RESTful API services based on Node.js + Express, designed database Schema, API interface specifications, and error handling mechanisms, implemented performance optimization under high-concurrency scenarios.
  • Designed and developed Node.js middleware system, implemented core features including interface parameter validation, unified authentication mechanism, request logging, and exception handling, improving system security and maintainability.
  • Integrated Redis cache layer, designed caching strategies, optimized database query performance, implemented features such as session management and data caching, significantly improving system response speed.
  • Responsible for database design and optimization: designed document-based data models based on MongoDB, optimized query performance, implemented data backup and recovery mechanisms, ensuring security of financial data.

Projects

openapi-typescript-cli
Open Source Lead Mar 2025 - Present

An efficient OpenAPI v3 to TypeScript code generator.

OpenAPI TypeScript CLI Node.js
Star
Ruqi BI Data Platform
Project Lead Dec 2020 - Jun 2022

An enterprise-level platform for large-screen data visualization and Mini Program reports.

React Redux TaroJS BI Data Visualization
Ruqi Supplier SaaS System
Project Lead Oct 2019 - Jan 2021

A configuration-driven business management system for suppliers.

React Redux PWA SaaS Low Code
Ruqi Mobility Encryption/Decryption Test Platform
Project Lead Aug 2019 - Oct 2019

A data encryption and decryption test platform supporting RSA+SA.

Cryptography RSA AES Web Platform
Vipshop Weipincang Project
Frontend Developer Jun 2018 - May 2019

Vipshop’s social e-commerce platform and backend management system.

Vue ElementUI Wepy Mini Program E-commerce
Kugou Live Customer Self-Service System
Frontend Developer Jan 2018 - May 2018

A self-service ticketing and customer support system for the Kugou Live platform.

React AntD Customer Service
Kugou Live Website
Frontend Developer Oct 2016 - May 2018

The Kugou music and video live streaming platform and interactive system.

JavaScript jQuery Canvas E2E Testing

Education

China University of Petroleum (East China)
2010-2014
Computer Science and Technology - Bachelor

Online Works

Drone CI/CD Platform

Continuous Integration and Continuous Deployment platform built on Drone.

  • Provides complete CI/CD solutions, supporting automated build, test, and deployment processes
  • Integrates GitLab, Docker, Kubernetes, achieving full automation from code submission to production environment
  • Supports multi-environment deployment strategies, including automated management of development, testing, and production environments
  • Provides complete DevOps toolchain including build logs, deployment history, and performance monitoring
CI/CD DevOps Docker Kubernetes Automation
访问网站
Harbor Container Registry

Enterprise-grade container image registry and image management platform.

  • Provides secure and reliable container image storage and management services
  • Supports security features including image scanning, vulnerability detection, and access control
  • Implements complete lifecycle management including image versioning, image replication, and image cleanup
  • Integrated into CI/CD processes, providing stable image sources for containerized applications
Container Image Registry Docker Security DevOps
访问网站
EMQX MQTT Message Middleware

High-performance MQTT message middleware platform supporting IoT device connections.

  • Provides high-concurrency, low-latency MQTT message transmission services
  • Supports million-level device connections, suitable for IoT scenarios
  • Implements core features including message persistence, message routing, and load balancing
  • Provides secure connection methods including WebSocket and MQTT over TLS
  • Supports advanced features including message monitoring, device management, and rule engine
MQTT IoT Message Middleware Real-time Communication
访问网站
Agent Platform

AI agent service platform providing intelligent conversation and automation capabilities.

  • AI agent service platform built on large language models
  • Supports AI capabilities including multi-turn conversations, context understanding, and knowledge base retrieval
  • Provides API interfaces supporting third-party system integration
  • Implements application scenarios including intelligent Q&A, content generation, and task automation
  • Supports personalized customization including custom knowledge bases and workflow configuration
AI Agent LLM Automation API
访问网站
LawLab Legal Laboratory

Legal knowledge service platform providing legal query and intelligent analysis functions.

  • Integrates legal knowledge resources including legal provisions, cases, and regulations
  • Provides functions including intelligent legal search, legal provision interpretation, and case analysis
  • Supports practical tools including legal document generation and contract review
  • Combines AI technology to provide legal consultation and intelligent Q&A services
  • Provides convenient legal services for legal practitioners and general users
Legal Knowledge Service AI Intelligent Search SaaS
访问网站