~/portfolio/hero.sh
$ whoami
> Fan Shuai
@location Changsha, Hunan, China @githubgithub.com/shuaishuai997  @years 8 Years
FANSHUAI
|
8+
Years Exp
5++
Industries
50++
Projects Delivered
10++
Tech Stacks
scroll to explore
Tech Stack
01 / 后端开发
Python
Go
Java
PHP
C#
FastAPI / Gin / SpringBoot / ThinkPHP / .NET
02 / 前端开发
React / Next.js
Vue / Nuxt
Electron
UniApp
Flutter
Node.js / Express
03 / 语言 & 工具
TypeScript
JavaScript
Vite / Webpack
Git / Docker / Nginx
Copilot / Cursor / ChatGPT
04 / UI & 样式
Ant Design / Element Plus
Naive UI / Vant / uView
Less / Scss / BEM
响应式布局 / 跨端适配
05 / 实时 & 区块链
WebSocket 实时通信
Web3.0 / Solidity / MetaMask
DApp 开发
Nginx / Docker / Linux 运维
// PROFICIENCY MATRIX
// Frontend
React / Next.js93%
Vue / Nuxt95%
TypeScript90%
Electron88%
UniApp / Flutter82%
// Backend
Python / FastAPI85%
Go / Gin78%
Java / Spring Boot72%
PHP / Laravel75%
Node.js / Express88%
Work Experience
2023.6 - 2025.9
长沙璞源网络科技有限公司
全栈开发工程师
前端 Vue/React + TypeScript 技术栈,完成 001.pro 官网与多个用户站点的开发与维护
Python FastAPI 开发内部数据采集服务,Scrapy + Redis 分布式爬虫支撑多源数据同步
Go Gin + NewAPI 框架二开,搭建高并发 API 网关,支撑日均百万级请求处理
Java 若依框架二开,开发企业资产管理系统,RBAC 权限与多租户数据隔离方案落地
PHP Laravel 开发海外外卖平台后台,Redis 队列处理订单与配送状态实时推送
C# 金蝶 K3 WMS 模块二次开发,对接 ERP 主数据,实现业财一体化数据流转
Electron 桌面应用开发,封装 IPC 进程通信模块,跨平台打包 Windows / macOS
2022.10 - 2023.6
湖南道圣科技有限公司
Electron 桌面开发工程师
负责 Electron 跨平台桌面应用的架构设计、技术选型与核心功能开发
主导设计主进程、渲染进程及 BrowserView 多进程通信机制,实现稳定的消息传递
基于 WebSocket 实现用户在线状态监控及工单消息实时推送
开发网络代理与请求拦截模块,支持第三方社交平台会话内容的自定义转发
electron-updater 实现静默自动更新,DOM 拦截 + Web Worker 聊天消息实时处理
2020.8 - 2022.10
湖南小到科技开发有限公司
Web 前端开发工程师
独立负责从环境搭建、代码开发到服务部署的全流程工作
基于 Vue2 技术栈主导开发客服管理系统及多端小程序客服模块
集成 ECharts 构建数据看板与统计报表,结合权限实现数据分级展示
WebSocket 实时通信架构统一管理多端会话,对接抖音私信、小程序、公众号消息
Electron 将 Vue 项目打包为 Windows 桌面应用,独立完成从构建到分发全流程
2020.4 - 2020.8
湖南飞牛教育科技开发有限公司
Web 前端开发工程师
基于 UniApp 框架主导多端应用开发(微信小程序、抖音小程序、H5、App)
封装可复用的 UniApp 业务组件与统一数据请求接口,多端代码复用率超 70%
负责各端静态页面与交互逻辑开发,完成打包、优化与多平台发布上线
协同后端进行接口联调与数据对接,推动项目顺利完成测试与交付
2018.7 - 2020.3
湖南学渡教育科技开发有限公司
Web 前端开发工程师
基于 UI 设计稿独立完成 PC 与移动端页面开发,精准还原视觉设计
参与项目需求评审,从前端实现与用户体验视角提出优化建议
协同后端完成接口联调与数据交互逻辑,确保前后端高效渲染
负责项目测试、上线与后期维护,参与质量评估与性能优化
Featured Projects
Python 爬虫监控系统
01
Python / FastAPI / Redis / PostgreSQL / Docker
多源数据采集与实时监控平台,支持分布式爬虫调度与可视化告警
基于 FastAPI 构建异步 RESTful API,支持高并发请求处理
Scrapy + Redis 构建分布式爬虫集群,支持断点续爬与动态代理
PostgreSQL 存储结构化数据,SQLAlchemy ORM 管理数据模型
WebSocket 实时推送爬取进度与异常告警,前端实时展示数据流
Docker Compose 一键部署,GitHub Actions 实现 CI/CD 自动化
Go NewAPI 二开项目
02
Go / Gin / gRPC / MySQL / Redis / Docker
基于 NewAPI 框架二次开发,支持高并发 API 网关与微服务治理
Gin 框架定制中间件,实现签名验签、限流熔断与链路追踪
gRPC + Protobuf 构建高性能内部服务通信,延迟降低 60%
Redis Cluster 缓存层设计,支撑万级 QPS 接口访问
Jaeger 分布式追踪 + Prometheus + Grafana 全栈监控告警体系
Docker Compose 编排多服务本地环境,K8s 生产环境一键部署
Java 若依二开项目
03
Java / Spring Boot / MyBatis-Plus / MySQL / Shiro
基于 RuoYi 若依框架二次开发,企业级管理系统定制
Spring Boot + Shiro 实现基于 RBAC 的细粒度权限控制与数据范围隔离
MyBatis-Plus 代码生成器定制,简化 CRUD 开发效率提升 50%
Vue3 + Element Plus 前端定制开发,动态路由与多租户界面适配
ECharts 数据可视化,报表穿透与 BI 大屏定制开发
WebSocket 实时推送资产变更与审批通知,多端协同更高效
外卖平台后台管理系统
04
PHP / Laravel / Vue3 / MySQL / Redis / Vuex
海外外卖平台后台,订单管理、配送调度、数据可视化全链路
Laravel 模块化开发,插件式业务扩展,热更新不影响主业务
Vue3 + Element Plus 构建响应式管理后台,复杂表单与列表交互优化
Redis 缓存热点数据,队列处理异步下单与配送状态推送
Excel 导入导出(基于 PhpSpreadsheet),批量商家与菜品数据处理
ECharts 可视化展示订单量、GMV、骑手绩效等核心业务指标
金蝶 K3 二开项目
05
C# / .NET / SQL Server / WinForms / WebAPI
金蝶 K3 WMS 仓储模块二次开发,实现与 ERP 系统的深度集成
C# WinForms 定制开发扫码出入库模块,兼容多型号 PDA 设备
SQL Server 存储过程 + 事务处理,保证跨系统数据一致性
WebAPI 对接金蝶主数据,实时同步物料、仓库、批次信息
DevExpress 报表定制,打印模板兼容各类型激光/热敏打印机
局域网自动更新,多门店集中部署,支撑日均 2 万+出入库单量
001.pro 官网 & 用户站
06
React / Vue / TypeScript / Ant Design / Element UI / Nginx
001.pro 门户网站与 user.001.pro 用户站前端
官网采用 Vue + Element UI,用户站采用 React + Ant Design
响应式布局适配 PC / 平板 / 移动端多终端
TypeScript 定义接口类型、props、state 及表单校验规则
React 页面渲染优化,合理拆分组件控制 state 范围减少重渲染
Axios 统一封装接口请求,处理 loading、异常提示与错误状态
Aws 自动化模拟项目
07
Node.js / React / TypeScript / Puppeteer / WebSocket / Nginx
通过 ADSPower 对 AWS 网站表单进行同步数据
Express 框架搭建后端服务,模块化项目目录结构
利用 Puppeteer + WebSocket 方式实现目标网站实时同步操作
React + Ant Design 模拟复杂表单与数据展示页面
利用 xlsx 库导入用户访问记录与操作日志等数据
使用 Nginx 代理功能对多个页面进行实时代理
翻译聊天工具 / 桌面端
08
Vue3 / Electron / Node.js / WebSocket / electron-updater
海外桌面端翻译平台,对接 Telegram / WhatsApp / Line 等社交软件
基于 WebSocket 实现用户在线状态监控及工单消息实时推送
Vuex 全局状态管理 + electron-store 实现数据持久化与登录状态同步
electron-updater 实现静默自动更新,提升产品体验
electron-node-proxy 开发核心代理模块,实现第三方社交软件的会话代理
DOM 拦截 + Web Worker 实现聊天消息实时捕获、翻译处理与回写
客服聊天系统 PC端 / 小程序端
09
Vue / UniApp / Node.js / WebSocket / ECharts / Vuex
类商务通客服聊天系统,支持访客端、WebSocket 实时通信与数据可视化
WebSocket 与服务端建立连接,接收并处理访客端消息
Vuex 全局共享数据对 socket 推送消息统一管理
WebSocket 钩子函数根据不同场景执行不同 action,动态渲染对话记录与列表
ECharts 对访客数据进行多维度可视化分析
封装分配客服、表格、公用弹窗等可复用组件
Full-Stack Engineer
有项目想法或想聊技术?随时联系我。
8 年全栈经验,擅长构建高性能 Web、桌面端与移动端产品,从 0 到 1 交付。
📧Email · shuaishuai99520@gmail.com
📍Location · Changsha, Hunan, China
💼Role · Full-Stack Engineer
Experience · 8 Years