项目一:StreamTap 数字内容平台
项目时间:2025.06 - 2025.09
项目技术栈:React + Axios + StrapiCms
线上地址:https://www.angetube.net/
项目简介:一个多功能的流媒体/数字内容平台前端应用,支持产品展示、图标资源、博客、社区论坛、用户系统等功能模块。
项目介绍:
•基于 React 17 + React Router 6 构建的单页应用,实现产品展示、图标资源、博客、社区论坛等多功能模块。
•使用 React Context API + Custom Hooks 进行状态管理,封装 UserContext 、 CartContext 等全局状态。
•集成 i18next 国际化方案,支持中英文无缝切换。
•使用 Zod 进行表单验证, Axios 封装 HTTP 请求, Swiper 实现轮播交互。
采用 Sass 预处理样式,实现暗黑模式、响应式布局。封装可复用组件库,包括 LazyImage 、 LoadingSpinner 、 ProductCard 等,提高开发效率
项目成果:项目顺利上线投入使用,页面加载速度提升40%,适配主流浏览器及移动端设备,组件复用率提升60%,有效降低后续迭代开发成本。
项目二:线上商城H5+PC项目
项目时间:2026.01 - 2026.5
项目技术栈:HP 8.0、Yii2框架、MySQL 8.0、Elasticsearch、jQuery、RequireJS、RESTful API
项目简介:基于Yii2框架开发的跨境电商平台,采用PHP 8.0 + MySQL 8.0 + Elasticsearch技术栈,实现产品管理、订单处理、支付集成等核心功能。使用Docker容器化部署,集成Stripe/PayPal支付,支持15+语言国际化,运用JWT进行API认证,使用PhpSpreadsheet处理Excel数据导入导出。
线上地址:https://vapemons.co
负责工作:
•独立负责商城首页、商品列表、购物车、结算支付核心模块的开发与调试,实现商品筛选、排序、搜索模糊匹配功能。
•封装通用请求方法,统一处理请求拦截、响应错误、loading 状态,优化接口请求逻辑,减少接口报错率。
•完成微信授权登录、支付接口对接、订单状态同步等功能,解决小程序适配、机型兼容、权限授权等常见问题。
•实现图片懒加载、列表虚拟滚动、防抖节流等优化,解决长列表卡顿、页面加载缓慢问题,提升移动端流畅度。
项目成果:项目成功发布上线,兼容市面主流手机机型,页面运行流畅,无卡顿、兼容问题,支撑日常用户正常购物交易,稳定运行至今。
项目三:车载蓝牙香氛系统
项目时间:2025.11 - 2025.12
项目技术栈:Taro 4.x + React 18 + TypeScript + Tailwind CSS 4 + Vite + Zustand
线上地址:
负责工作:
•使用 Taro 框架实现跨端开发,一套代码适配多平台
•设计并实现蓝牙通信模块,完成设备连接与数据交互
•基于 Tailwind CSS 4 构建响应式 UI,优化小程序包体积
使用 Zustand 管理全局状态,实现组件间数据共享