~/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
// 02. Skills
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%
// 03. Experience
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 与移动端页面开发，精准还原视觉设计
›参与项目需求评审，从前端实现与用户体验视角提出优化建议
›协同后端完成接口联调与数据交互逻辑，确保前后端高效渲染
›负责项目测试、上线与后期维护，参与质量评估与性能优化
// 04. Projects
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 对访客数据进行多维度可视化分析
▹封装分配客服、表格、公用弹窗等可复用组件
// 05. Contact
Full-Stack Engineer
有项目想法或想聊技术？随时联系我。
8 年全栈经验，擅长构建高性能 Web、桌面端与移动端产品，从 0 到 1 交付。
📧Email · shuaishuai99520@gmail.com
📍Location · Changsha, Hunan, China
💼Role · Full-Stack Engineer
⏱Experience · 8 Years