SUN YINGZHOU

孙颖洲 前端工程师

6 年前端开发经验,主要技术栈 Vue3 / Nuxt / UniApp

Vue3NuxtUniAppTailwindCSSWeb3Flutter
portfolio.config.ts
01 export default defineEngineer({
02   name: '孙颖洲',
03   role: 'Frontend Engineer',
04   stack: ['Vue3', 'Nuxt', 'UniApp'],
05   features: {
06     web3: true,
07     im: true,
08     aiVoice: true,
09     flutterHybrid: true
10   }
11 })

project types

H5
小程序
App
官网
DApp
管理后台
$
下滑

skills.matrix

技术栈矩阵

以 Vue3 / Nuxt / UniApp 为核心,覆盖多端界面开发、服务端渲染、跨端交付与业务场景扩展。

primary stack

Vue3NuxtUniApp

framework

Vue3NuxtUniApp

interface

TailwindUnoCSSGSAP

scenario

H5小程序App

extension

Web3IMFlutter

experience.trace

工作经历

当前重点聚焦多端产品线、游戏社区、Web3 钱包与响应式企业官网交付。

2023/03 - 2026/05 Frontend Engineer

洛阳蓝景科技

前端工程师 / 多端产品线开发

多端产品开发

主力使用 Vue3、Nuxt、UniApp 完成 Web、H5、小程序与 App 需求开发,并参与 2 个 Flutter 项目协作。

游戏社区应用

参与游戏社区类多端应用研发,接入腾讯 IM 与 AI 语音交互能力。

Web3 DApp 钱包

参与 Web3 DApp 与钱包相关项目开发,覆盖钱包连接、资产展示与链上交互等能力。

响应式官网交付

独立完成多款企业官网搭建,覆盖响应式、i18n、性能优化等工作。

01 / Official Website

projects.website.render()

企业响应式官网

基于 Vue3 与 Nuxt 完成多款企业官网搭建,覆盖 PC、平板、移动端响应式适配,并处理 SSR / SSG、国际化、动画交互与性能优化等交付工作。

PC + MB
响应式预览
SSR / SSG
渲染模式
i18n
国际化交付
NuxtVue3UnoCSSResponsiveSSR / SSGi18nSwiperGSAP

独立完成项目结构搭建、通用组件封装、路由规整、浏览器兼容与页面性能优化。

使用 UnoCSS / TailwindCSS 完成高一致性的响应式布局,保障多尺寸展示效果。

responsive.preview

Panda

loading preview
Panda PC 官网预览
loading preview
GBEI PC 官网预览
loading preview
Tank PC 官网预览
loading preview
CRM PC 官网预览
loading preview
Lollipop PC 官网预览
loading preview
MarsX PC 官网预览
loading
Panda 移动端官网预览
loading
GBEI 移动端官网预览
loading
Tank 移动端官网预览
loading
CRM 移动端官网预览
loading
Lollipop 移动端官网预览
loading
MarsX 移动端官网预览
02 / Game Community H5

projects.community.mount()

游戏社区应用

参与游戏社区类 H5 与 App 混合场景开发,覆盖内容社区、即时通讯、AI 语音交互与 H5 / Flutter 容器通信等核心体验。

IM
即时通讯
AI Voice
语音交互
H5 / App
混合容器
NuxtUnoCSS腾讯 IMAI 语音流式数据Flutter BridgeH5

接入腾讯 IM,完成实时聊天、消息同步、会话管理等社区沟通能力。

集成阿里云语音能力,支撑 AI 聊天中的语音转写、语音合成与流式内容渲染。

参与 Flutter 混合应用融合开发,处理 H5 与原生端通信适配及体验优化。

OlympusX logo

mobile.community.preview

OlympusX

loading community
OlympusX 游戏社区截图 1
loading community
OlympusX 游戏社区截图 2
loading community
OlympusX 游戏社区截图 3
loading community
OlympusX 游戏社区截图 4
loading community
OlympusX 游戏社区截图 5
loading community
OlympusX 游戏社区截图 6
03 / UniApp Mini Program

projects.uniapp.deploy()

uni-app 小程序

基于 uni-app 完成小程序与 App 场景开发,覆盖社区产品与 ERP 业务系统,负责页面搭建、接口联调、状态维护与多端适配。

uni-app
跨端框架
Mini Program
小程序场景
Version
版本适配
uni-appuView微信小程序App腾讯 IM小程序支付权限适配

完成小程序页面搭建、业务功能开发、接口数据联调与状态维护。

处理权限适配、版本更新、异常反馈与多端体验优化,保障稳定交付。

覆盖社区产品与 ERP 管理系统,兼顾前台交互体验和后台业务流程。

MarsX logo

cross.platform.preview

MarsX

loading miniapp
MarsX uni-app 截图 1
loading miniapp
MarsX uni-app 截图 2
loading miniapp
MarsX uni-app 截图 3
loading miniapp
MarsX uni-app 截图 4
loading miniapp
MarsX uni-app 截图 5
04 / Web3 DApp Wallet

projects.web3.connect()

Web3 DApp 钱包

参与 Web3 DApp、加密钱包与交易平台相关项目开发,覆盖钱包连接、资产展示、链上交互、交易图表与移动端 H5 体验。

Wallet
钱包连接
On-chain
链上交互
Charts
资产图表
Vue3Nuxt 3UniAppweb3.jsWagmiMetaMaskKlinechartsi18n

开发 DApp 钱包相关前端能力,覆盖钱包连接、账户展示、资产余额与发送接收等流程。

使用 web3.js、Wagmi 等库对接链上交互,并处理移动端 H5 兼容体验。

结合 Klinecharts、收益统计、排行榜等模块完成资产和交易数据可视化。

web3.portfolio.preview

HMC Wallet Pro

Wallet

Crypto Wallet

HMC Wallet Pro

加密钱包项目,覆盖资产展示、收发转账、H5 预览与 Google Play 上架版本。

UniAppAndroidWalletGoogle Play
loading dapp
HMC Wallet Pro Web3 DApp 预览
05 / Flutter 协作经历

项目辅助与功能补位

Flutter 协作经历

Flutter 不是我的主力技术栈,但曾参与 2 个商业项目协作,总计约 5-6 个月。主要承担页面搭建、接口联调、数据渲染与 AI 聊天相关功能补位。

2 个
Flutter 项目
5-6 月
协作经验
AI
辅助开发起点
FlutterDartGetXAI 聊天流式数据阿里云语音转文字协作开发

以协作和补位为主,快速熟悉 Dart 语法、Flutter 页面结构与 GetX 基础使用。

Rustar 项目参与约 2 个多月,应用商店版本已下架,目前保留 H5 与其他原生版本入口。

MarsXAI 早期使用 Flutter 开发,后续重构为 H5,并演进为游戏社区类 Flutter 套壳 H5 项目。

Flutter 协作面板

暂无截图,以经历说明和可访问版本补充展示

参与范围

范围有限,但确有参与

角色:Flutter 协作 / 功能补位

周期:2 个项目,总计约 5-6 个月

主要工作:页面 UI、接口联调、数据渲染

补充能力:AI 聊天、语音转写、流式内容

说明:非主力深度技术栈,定位为协作型经历

Rustar 应用

参与 Flutter 版本开发约 2 个多月,主要负责页面 UI、接口渲染与基础业务逻辑。

MarsXAI 早期阶段

MarsXAI 前期使用 Flutter 开发,也是开始搭配 AI 辅助开发的阶段。

AI 与语音能力

参与 AI 聊天流式数据渲染,以及阿里云语音转文字和聊天联动能力。

后续重构背景

后续项目重构为 H5,并演进为游戏社区类 Flutter 套壳 H5 形态。

项目脉络

经历背景

1

Rustar Flutter 版本

参与约 2 个多月,原应用商店版本已下架,当前仅保留 H5 和其他原生版本可访问。

2

MarsXAI 早期版本

前期使用 Flutter 开发,并在该阶段开始搭配 AI 辅助完成业务迭代。

3

后续 H5 重构

项目后续重构为 H5,成为当前游戏社区类项目中的 Flutter 套壳 H5 形态。