翁才晉 / John Weng

我有豐富的開發網站經驗,能夠獨立作業確認需求流程,溝通協調與不同部門溝通。
參與多個大型系統開發,串接過不同金、物流及第三方API,熟悉 React、ReduxJest、Graphql 等技術。

Frontend Engineer
Taipei,TW
[email protected]

Skills


Front end

  • Javascript 、Typescript
  • React 、Redux、Vue、Vux
  • Next、Nuxt
  • GraphQL、Apollo Client
  • Pug、SCSS、Styled-components
  • Redux-Observable 、i18n


Testing

  • Jest
  • Enzyme
  • React-testing-library


Backend

  • Node
  • Express 、Koa
  • Docker
  • Kubernetes
  • GraphQL、Apollo Server

Experience

Frontend Engineer, 名留集團, May 2018 ~ Present

客戶端 
  • 使用 Vue.js 建立第一版官方網站,並導入使用 Vuex 做狀態管理。 
  • 使用 LINE Front-end Framework 建立顧客預約機制,增加顧客預約服務。 
  • 串接 Tapay 等金流付款,增加顧客付款意願。 
  • 與 Designer 、Backend 合作建立官網、年度抽獎系統提升用戶 
  • 透過 Google Analytics 建立分析數據,供行銷團隊使用。 

店家及設計師端 
  • 執行 Unit 、Integration、E2E test,保護程式碼品質。
  • 使用 React、 Redux-Observable、Apollo Client、Styled-components、 React Hooks 來開發。 
  • 透過 Github Actions 、 Docker 建立自動化 CI 流程,減少 80% 團隊任務執行時間。 
  • 覆蓋率 70% 的 Unit 、Integration、 E2E test,有效地保護程式品質。
  • 處理重複渲染程式,提升效能與使用體驗。 
  • 封裝建立 GraphQL API hooks,加速 80% 團隊開發速度。

Side Projects


Xstyle

Xstyle 是一個素 T-shirt 與結合時下熱門話題T-shirt 的電商網站,並結合 後台管理 顧客與訂單狀態。

學習到的技能:
  • 透過 ECPay(綠界支付) 來解決 金、物流問題。
  • 透過 Google Cloud SQL 使用 PostgresSQL 儲存資料。
  • 透過 Cloudflare 增添安全防護、DNS 解析、連線速度提升。
  • 使用 GKE 來達到服務自動擴展。
  • 運用 NodeJS 結合 Apollo server 來製作 API。
  • 運用 Google Memory-store redis 快取伺服器來快速回應請求。

個人作品集

採用 Github 上的免費空間來記錄我歷年來參與過的一些專案。

學習到的技能:
  • 使用 gh-pages 套件,將打包完成檔案上傳至 Github Page 上使用。
  • 如何使用 Github Pages 建立免費網站。

Education

Fwbdxs6gainwc85ntugw

國立臺北護理健康大學 

資訊管理系

2012 - 2016