个人简介

我是张相杰(Alex Chueng),前端工程师,从事前端工作 7 年。过去主要工作为:web 系统设计,前端工程实施,前端基础建设,产品研发等。

技能树

  • 前端:TS, JS, React, React-Native, Redux, Webpack, Scss, Gatsby, Next
  • 后端:Node, TypeORM, SQL, DynamoDB, MySQL
  • 测试:Jest, Mocha, Cypress
  • 部署:Docker, Netlify, Travis
  • 工具:Mac, GitHub, VSCode, Jira

工作经历

浩云科技

2020.04 - 至今(广东 | 广州)

  • 公司介绍:安防设备、安防 PaaS 系统解决方案供应商
  • 行业介绍:金融安防、智慧安防、IoT
  • 职位:前端工程师
  • 职责:

    • 可视化-低代码云平台 - 前端架构设计
    • 可视化-低代码云平台 - 前端工程规划、实施

Synergy88

2015.02 - 2020.02 (海外 | 马尼拉)

  • 公司简介:toB 综合技术提供商,为集团内市场部门提供业务系统研发产品研发等服务,例如交易系统财务系统IM 服务游戏
  • 行业介绍:IT、地产、餐饮、游戏动画
  • 职位:前端组负责人
  • 职责:

    • 前端基础建设、前端团队建设
    • 产品质量把控:代码审阅、任务分配、进度跟踪、推进 UT、e2e 测试

广州海关技术处

2013.07 - 2015.01 (广东 | 广州)

  • 单位简介:广州海关技术处软件科,为中国海关研发业务系统。例如车辆进出关国际司业务系统
  • 行业介绍:海关事务,进出口业务,公共服务
  • 职位:软件工程师
  • 职责:

    • 中国海关内部业务系统的原型制作
    • .NET web API 研发
    • 系统前端模块研发

项目

可视化-低代码云平台

  • 介绍:用于生产的安防领域业务系统的生产工具,主要应用于金融企业的安防管理、物联网(IoT)、智慧城市、交通、司法、公共安全等安防设备的管理
  • 主要负责:

    • 系统的前端架构设计
    • 设计文档落地
    • 工程方案规划、设计、实施
    • 技术选型
  • 技术方案

    • 可视化编辑器引擎
    • 低代码引擎、编辑器
    • DSL 解析引擎
  • 技术选型:react redux rxjs lerna

@deer-ui

Synergy88

IM 服务

Synergy88

  • 介绍:与公司业务结合,满足内部 IM 使用需求
  • 主要负责:web 客户端研发,native 客户端(flutter)研发
  • 技术选型:protobuf, react, redux, flutter
  • 相关资源

交易系统

Synergy88

  • 介绍:基于代理层级的交易系统
  • 主要负责:提供前端基础技术支持, 业务模块开发
  • 技术分析:

    • 基础:react, redux, typescript
    • web 应用、PWA:react, react-native
    • 移动端应用:react-native
    • 环境构建:webpack
    • 模块管理:yarn workspace
    • 测试:jest, cypress
  • 技术选型:react, react-native, node

餐饮配送平台

Synergy88

  • 介绍:本地餐饮配送服务平台。zan.com,服务已下线
  • 主要负责:提供前端基础技术支持;业务模块开发;模块划分;协调设计、前端对接;协调前后端对;,开发任务分配与跟踪;代码审阅等
  • 技术选型:PWA, react + redux, admin-scaffold

前端资源发布系统

Synergy88

  • 介绍:用于管理公司所有产品的前端资源的部署流程
  • 主要负责:项目负责人
  • 动机:随着公司业务上升,为了更好地管理产品的前端发布流程而制作的
  • 工作流程:本地构建 -> 登入发布系统 -> 上传 built package -> 发布 -> 应用通过 ssh 将资源推送到部署服务器,并备份原有资源
  • 技术选型:@deer-ui/admin-scaffold, @mini-code/web-server, lowDB

国际司综合业务管理系统

广州海关 - 业务系统应用

  • 简介:中国海关总署国际司业务系统,处理国内海关人员和领导出入境的流程
  • 系统架构:系统分层架构,分为Data、Framework、Workflow、User、Web、Web Api,TDD(测试驱动开发)模式,实现底层逻辑高度重用,适配其他业务系统,开发其他业务系统,只需要实现表现层 Web
  • 本人职责:负责项目前端设计、实现和前端组织,web api 制定
  • 技术选型:Angular, D3, RequestJs, .NET MVC 4.5, Web API, MongoDB, MSSQL

海关邮递物品查询系统

广州海关 - 业务系统应用

  • 本人职责:项目海关邮递物件的微信接入
  • 微信公众号:广州海关12360(gz12360)的邮递物件查询系统
  • 技术选型:Polymer, Node, MONO

更多

个人项目

  • BlogHelper:serverless 博客助理服务,提供点赞(like)访客记录(visitor)等功能

  • Base64Helper:Chrome extension,用于 base64 -> string 的互相转换

@mini-code

  • 介绍:@mini-code 是一个 web 前端通用函数组织,提供前端应用的开发和构建环境,数据处理,RESTFul API 支持,测试流程等支持等
  • 相关资源

自我评价

coding读书运动摄影吉他自律自我驱动极简主义完美主义

联系方式


view