黄子杰

软件开发工程师

爱达利控股旗下企业（股票代码：8033.HK），为澳门政府及企业提供信息系统服务。

• 独立负责 5+ 政务类项目的前端开发，覆盖 Web（React / Angular）与移动端（React Native）。
• 推动前端工程化升级：将构建工具从 Webpack 迁移到 Vite，冷启动从 40s+ 优化到 5s 以内。
• 封装通用组件与工具函数，提升代码复用率与迭代效率；持续承担需求评估、方案设计与上线交付。

前端开发工程师

企业数字化与人工智能技术服务公司。

• 负责 AI 智能知识库平台前端开发，独立交付知识库管理、文件上传解析、会话管理等核心模块。
• 主导性能优化：通过路由懒加载与组件按需加载将首屏加载时间降低约 50%。
• 搭建团队技术文档平台，沉淀规范、接口文档与部署手册，缩短新成员上手周期。

澳门政府柜台预约系统（嵌入政府官方 App 的 React Web 应用）

面向澳门市民的政务预约与取号一体化平台，H5 嵌入政府官方 App（JS Bridge），并支持独立 Web 访问。

技术栈: React、Redux、OAuth2 + PKCE、antd-mobile、i18n

• 基于政府官方 JS Bridge 封装容器能力，统一处理页面开关、登录态判断与语言同步。
• 结合 OAuth2 授权码 + PKCE 实现 SSO，保障 Web 与 App 双端登录体验一致。
• 实施 React.lazy + Suspense 路由级拆分并替换重依赖，首屏 JS 体积显著下降。
• 将项目从 CRA 迁移至 Vite，冷启动从 40s+ 压缩至 5s 以内，HMR 响应从秒级降至毫秒级。

安卓筹号服务系统（政务大厅取票终端应用）

面向澳门政务大厅的 Android 终端应用，支持预约、取号、叫号、登记报到全流程，覆盖 10+ 服务窗口。

技术栈: React Native、Redux、react-native-vision-camera、FlashList

• 引入 FlashList 虚拟列表，并结合 memo / useMemo / useCallback 优化高频渲染场景。
• 在请求层引入请求去重、Abort 取消、幂等 Key 与并发锁，避免重复取号与重复报到。
• 设计多格式网络请求模块，统一处理 XML / JSON 响应并兼容新旧接口。
• 集成 react-native-vision-camera 实现高效扫码，并在登记链路增加防抖与 Loading 状态控制。

AI 智能知识库平台（React Web 应用）

面向企业内部知识沉淀、文档检索与 AI 问答场景，支持文档上传、内容预览、知识检索与流式 AI 对话。

技术栈: React、TypeScript、Ant Design、Vite、Axios、WebSocket、React Query、Playwright

• 封装 WebSocket 流式问答 Hook，支持 Token 级渲染、异常降级、本地 Mock 回退与会话同步。
• 引入 React Query 管理异步状态，利用缓存与乐观更新减少重复请求并优化交互性能。
• 通过 Vite 动态导入与路由级 / Tab 级懒加载减少首屏资源体积。
• 使用 Playwright 覆盖上传、预览、删除等核心流程，降低迭代回归风险。

个人技术博客

基于 Next.js + TypeScript 开发的个人博客，持续沉淀前端经验与技术方案。

技术栈: Next.js、Tailwind CSS、TypeScript、Supabase、Vercel

• 实现 Markdown 文章编辑、草稿/发布、标签管理、实时预览与对象存储图片上传。
• 构建完整 SEO 方案：generateMetadata、hreflang、canonical、Open Graph、JSON-LD、sitemap、robots。
• 基于 Supabase Realtime 实现在线客服聊天，支持文字、Emoji、图片消息与历史记录加载。
• 完善 GitHub + Vercel 自动化部署流程，提升持续交付效率。

软件工程 | 本科

广东

• GPA：3.66 / 5.0（专业前 10%）。
• 多次获得校级奖学金，进入软件工程卓越班，担任创忆计算机协会会长。
• 入选台湾免学费海外学习项目，以第一作者发表 EI 论文一篇。

海洋环境工程系 | 交换生

台湾

• GPA：4.1 / 5.0（专业前 5%）。
• 跨校跨专业全英文学习，提升综合能力。