李宁

高级前端开发工程师 | 全栈开发者 | 独立开发者
📞 132-3318-1606 ✉️ myhazeflame@gmail.com 🌐 github.com/hazeflame 📍 北京 / 远程

个人总结: 资深前端架构师与全栈独立开发者,拥有 8 年以上实战经验。UmiAnt Design 核心贡献者,对前端工程化、组件库设计及性能调优有深刻理解。具备从 0 到 1 的全栈产品落地能力(React/Next.js + Supabase + AI),擅长以技术驱动业务增长,在SaaS 系统架构方面拥有丰富的实战积累。

专业技能

独立全栈产品开发 (2025 - 2026)

技术栈: React + shadcn/ui + Tailwind + Supabase + Cloudflare

  • 独立完成从0到1的产品设计、前端实现、后端/数据服务、部署与上线;统一组件规范与页面风格,沉淀可复用UI组件库(shadcn/ui + Tailwind)。
  • 采用 Supabase 提供鉴权、数据库与服务端能力,结合 Cloudflare 做边缘部署/缓存/加速,提升访问稳定性与首屏体验。
  • 使用 Gemini / Codex 辅助进行需求拆解、代码生成与重构,提高开发效率并缩短迭代周期。
1) BestAIDetector(AI内容检测) bestaidetector.net
  • 实现多入口检测流程(输入/提交/结果展示),支持检测结果结构化呈现与可视化展示。
  • 针对 SEO 做页面结构与元信息优化,提升搜索引擎收录友好度(Landing + 内容页体系)。
  • 构建 8-in-1 AI 工具箱,集成检测、改写、人性化 (Humanizer) 等功能,支持 DeepSeek, LLaMA, Claude 等最新模型检测。
  • 实现多模型混合投票机制,误报率降低至 5% 以下。
  • 商业化闭环: 接入 Google OAuth 一键登录体系,集成 Stripe + Creem 多渠道支付网关,实现订阅制变现。
2) Reformuler(AI改写/润色) reformuler.com
  • 设计文本改写工作流(输入→参数/模式→输出→复制/导出),增强可用性与转化路径。
  • 基于组件化表单/提示设计,降低用户操作成本,提升输出可读性与一致性。
  • 开发 Anti-AI 语义重写算法,有效绕过 GPTZero、Turnitin 等主流检测器。
  • 账户与支付: 完成 Google 快捷登录与 Stripe/Creem 全球支付体系对接,保障高并发下的订单处理稳定性。
3) OurGames(浏览器游戏聚合) ourgames.net
  • 构建分类/热门/最新等内容分发模块与列表页渲染,优化页面加载与交互体验。
  • 针对静态资源与路由做缓存策略,降低重复请求,提升页面响应速度。
  • 自动化内容流: 接入 GameMonetize API 实现海量游戏资源的自动化同步与实时更新。
  • AI 驱动 SEO: 调用 OpenAI API 针对不同游戏自动生成高质量描述文案与 Meta 信息,极大提升搜索排名与点击率。
  • 实现 Instant Play 技术,无需下载即可跨端流畅运行。
4) UnblockedGame(Unblocked游戏站) unblockedgame.xyz
  • 搭建 Most Played / Hot / New 等模块化内容页面,增强站内浏览与点击路径。
  • 通过前端工程化与资源压缩策略,提升移动端访问体验。
  • 基于 GameMonetize API 搭建内容分发体系,结合 OpenAI 自动重写 SEO 标题与内容,构建高权重的长尾词内容池。
  • 针对特殊网络环境(校园/办公)进行访问优化,Lighthouse 性能评分 95+。
5) KFCV(合作分发/收益看板落地页) kfcv.com
  • 搭建合作转化落地页与收益信息展示模块,突出“实时收益/奖励机制/合作流程”等关键信息。
  • 优化页面结构与表单转化链路,提升可读性与转化效率。
6) 量化交易

技术栈: Pine Script, TradingView

  • 使用 Pine Script 主导量化交易策略编写与回测,实现多维度技术指标的自动化信号分析。
  • 基于 Tradingview 图表库深度定制,使用 Pine Script做量化交易

工作经历

北京汉平通和科技 (Remote) 2023.06 - 2024.11
Taro React Next.js TypeScript
前端开发工程师
  • 主导停车场核心业务小程序架构设计,利用 Taro 实现跨端逻辑复用,大幅降低维护成本。
  • 负责后台管理系统的全栈式开发(Next.js),通过 SSR 优化首屏加载速度,提升系统操作体验与数据可视化能力。
  • 优化现有代码结构,建立组件化开发规范,提升团队开发效率。
Grubmarket.com (硅谷生鲜电商平台 Remote) 2021.04 - 2023.04
React Hooks AntD Redux Jest
高级前端工程师
  • 核心负责 B 端中台供应链系统的功能迭代与性能优化,支撑高并发业务场景。
  • 主导 ERP 管理系统的前端架构升级,引入 TypeScript + React Hooks 提升代码健壮性。
  • 推进自动化测试(Jest)与组件文档库(Storybook)建设,保障交付质量并降低沟通成本。
山西惠捷供应链科技 2020.04 - 2021.04
React 架构 前端基建 Team Lead
前端架构师 / 核心开发
  • 从零搭建 托运人/承运人/电商平台三大核心业务系统的前端架构。
  • 参与设计公司货运平台、电商平台后台管理系统的全流程开发。
  • 制定团队代码规范、API 设计标准及工作流(Git Flow),显著提升团队协作效率。
  • 研发团队内部效能工具,配合产品与 UI 进行 UX 调优,主导技术分享与新人指导。
磁力信 2018.02 - 2020.01
Umi 2/3 Dva React Hooks Node.js
前端开发工程师
  • 架构重构: 将老版本项目重构为 Umi^2.0 + Dva + TypeScript 架构,并全面使用 React Hooks 进行设计。
  • Hooks 工具库: 基于 Umi^3.0 和 ahooks 独立封装若干业务 Hooks,结合 ProComponents 二次开发,极大缩短代码量。
  • 核心业务系统: 负责教师教学管理系统开发,涵盖测评管理、排课、约课、育人体系等复杂功能模块。
  • 年级设置模块: 实现年级/阶段/科目/课程/教室/假期等多维度设置。封装公共 Provider 组件,通过 Redux 传递数据流,实现各设置模块数据互通。
  • 问卷库系统: 开发问卷创建引擎,支持单选/多选/文本等多种题型,并抽离通用组件供其他模块复用。
  • 评估报告系统: 开发高度可配置的学期报告模板(支持自定义封面、心理/学科测评报告插入、图文混排),并适配 Hybrid 端展示。
  • Node.js 打印服务: 独立开发 Node.js 打印报告微服务,获取学生及报告信息,拆分所有组件实现低耦合,生成后嵌入 OS 项目实现预览。
  • 2C 业务: 负责课程内容平台与学校课程内容平台的开发与架构迁移。
无限航路影视文化有限公司 2017.03 - 2017.12
Vue Webpack Mobile Web
前端开发工程师
  • ★ 独自负责公司移动端网站(M端)的 Vue 组件化重构,实现前后端分离,降低研发成本并提升上线速度。
  • 核心功能模块: 负责报名、投票及分享相关模块开发。实现数据分页加载,封装报名流程、用户详情页及投票代码块组件。
  • 交互与组件封装: 独立封装登录注册、头像上传裁剪、手势反馈自定义指令、Tab 切换、弹窗动画等组件,结合 Mint-ui 构建完整 WebApp。
  • 技术优化: 使用 Async/Await 优化异步逻辑,引入 Eslint 规范代码,利用 Webpack 优化构建。
  • PC 端海选系统: 负责报名投票后台开发,实现登录拦截、邮箱验证、列表图片上传预览等功能。

教育背景

华中科技大学 2012.09 - 2016.07
计算机应用技术 / 本科