Side Projects

个人项目

独立完成的项目实践：面向研发团队的效能数据平台，以及与中控系统配套的飞手移动端。从需求分析、架构设计到编码实现全流程自主把控。

2个人项目

全栈自主把控

独立交付交付方式

📱

无人机飞手端 App

全栈开发工程师

与中控系统共享同一后端 API 契约的飞手移动作业端，覆盖任务接单、实时告警、设备监控、租赁下单、培训学习、收益结算等作业全流程。

React NativeExpo SDK 56React Navigation v7ZustandSocket.IOexpo-notifications

React Navigation v7 组织底部 Tab + 原生栈，覆盖 29 个屏幕

axios 客户端：Bearer 注入 + 401 并发刷新队列（refreshing 锁 + pendingQueue 重放，避免并发重复刷新）

封装 Socket.IO 单例（幂等建连、JWT 鉴权、指数退避重连），前台实时监听告警与任务派发事件

接入 expo-notifications 远程推送，App 离线/后台时消息可达；后台轮询兜底拉取未读通知

双主题体系（深色/浅色跟随系统）+ 自建 ui.tsx 组件库，基于 useThemedStyles 主题化

项目成果

· 形成"中控大屏调度 + 飞手移动作业"的完整运营闭环

· 告警从后台事后查看升级为移动端即时推送

· 沉淀移动端可复用基建：axios 刷新队列、Socket 单例、双主题组件库

· 累计交付 29+ 移动端屏幕，覆盖飞手作业全流程

移动端真实构建，可交互操作

📊

前端开发工程师

2025.06–2026.02

自动从 Git 平台获取研发数据，生成周报、聚合月/季/年报，并支持角色化视图、历史趋势追踪的数据分析平台。

Vue 3TypeScriptElement PlusEChartsPiniaExpress

设计数据聚合引擎，支持周/月/季/年四级时间维度切换，实时数据叠加历史快照

6 类数据可视化图表：每日节奏柱线图、模块分布环形图、PR 类型堆叠图、人均代码量对比图、周环比、跨周趋势

角色化视图裁剪（RBAC）：管理员看全团队，开发者只看自己的数据

骨架屏加载策略：维度切换时保留旧内容 + 轻量遮罩，避免图表闪跳

支持 CSV 导出和 PPT 导出，满足汇报场景

项目成果

· 实现研发数据自动采集与周报生成，减少人工汇总时间

· 支持多 Git 平台（GitHub/Gitee/GitLab）统一数据接入

· 沉淀可复用的数据聚合引擎和数据可视化组件库

内置演示数据，可登录体验