Yi-Fang Cai   蔡宜芳

Software Engineer

重視程式碼品質,擅長團隊溝通與優化流程的軟體工程師

      @yf-ashu

      [email protected]

     yi-fang-cai


Experience

91APP, Full Stack Engineer   2018.12 - Now


自建 CMS 內容管理系統 

商家可以在 CMS 中編輯自己的電商與形象頁面,並發布網頁讓 End User 瀏覽

團隊合作

- 負責 Code Review 與協助成員實作

- 帶領新人並擔任 Mentor

- 與 PO 與 Tech Leader 合作,協助評估專案開發時程與風險評估

- Scrum Retro 會議中,引導團隊成員發言


技術 Front-End

- 利用 React / Redux / TypeScript / Styled-Components / SCSS / React-Router 等技術開發 AWD 頁面

- 建立模組化 Component ,複用元件提升團隊開發效率

- 與第三方廠商合作,協助串接 iframe 與 API,並制定對外串接文件

- 與 Tech Leader 合作,建立後台 serverless 圖片壓縮機制,改善前台 SEO Image Optimization 

- 與後端工程師合作,共同討論 API Schema

- 實作內容 i18n,讓客戶可根據銷售地區編輯多語系頁面,協助公司將產品推進海外市場

- 利用 Storybook 重構購物車 SKU 模組,並建立 Design Guide 統整各服務 SKU 邏輯,從三套變成一套

- 利用 GitLab CI CD / Webpack / shell 建立自動化部署至不同 region S3,減少 20 % Release 時間

- 利用 Jest / Enzyme 撰寫 Unit Test 與 SnapShot Test


技術 Back-End

- 利用 Node.js / Express / Handlebars 等技術架設後台編輯器與前台頁面 Server

- 利用 GitLab CI CD  / shell / Docker 建立自動化部署到 EKS (Kubernetes) 上

- 利用 Redis 實作 API Cache,降低 DB Loading

- 利用 DynamoDB DataBase 儲存 Data

- 利用 Jest 撰寫 Unit Test 

- 與 iOS / Android 工程師合作,規劃 API Schema 建立 RESTful API

- 與 Infra 團隊合作建立 Stage、QA 測試環境,降低 Release 風險

- 利用 k6 進行系統 Load Test,找出系統臨界值



AppWorks School, Front-End Trainee  2018.07 - 2018.11


cokrea 

多人編輯器,利用 No Code 與拖拉的方式編輯圖片與文字

- 利用 React / SCSS / React-Router / Webpack  

- 利用 Firebase authentication 實作登入機制

- 利用 Firebase realtime database and storage 儲存使用者編輯的 Config

- 利用 Canvas 匯出圖片

Skills


Front-End


  • JavaScript (ES6+) / TypeScript
  • React / React Hook / Redux / React-Router
  • HTML / CSS / SCSS / Styled-Components
  • Single Page Application (SPA) / Server Side Rendering (SSR)
  • AWD / RWD
  • Git / Git Flow
  • Webpack / Gulp / ESLint / GitLab / Storybook
  • Jest / Enzyme
  • SEO

Back-End


  • Node.js / Express
  • Redis
  • DynamoDB
  • Docker

Education

2011.09 - 2015.06

靜宜大學

資訊傳播工程學系 學士班

2015.09 - 2018.06

國立成功大學

工業設計系  碩士班