CakeResume Talent Search

VoiceTube, 前端工程師, June 2021 ~ Now

『 VoiceTube 』

訂閱制開發

因應商品轉換成訂閱制服務，進行 Web 訂閱制相關功能開發。

包含使用同事們一起完成的 react ui library , 串接 TapPay , React Hook Form 搭配 yup 處理表單驗證, recoil 狀態管理, react-query ... 等等功能。

『 Exam 』
學習前測驗

將原先 Hero 使用的學習前測驗功能搬出獨立並利用 Next.js 進行重寫。

包含 react-query, 處理多語系在 SSG 部署下的問題 ... 等等

『 Hero 、 Hero JP 』
前台開發

各項 Hero 行銷活動頁面建置、商品顯示優化等等項目。

因為會有日本的銷售，所以接觸到不同的行銷模式，在日本那邊有專門的人負責頁面的規劃跟產品的顯示設計，所以在雙平臺進行開發時會需要多衡量兩邊的顯示差異，以及進到課程畫面後的顯示處理。

重構及維護 Hero 課程平台

因舊有架構不停產生各種未知的錯誤，所以在入職後提出需進行重構並且部分區塊需進行重寫，直至目前產品已穩定。

主要針對了幾塊去做重構
1. Folder 結構影響到的 layout 層級錯亂問題。

2. 針對資料層級上傳遞將所有資料都往最上層 store 放置的問題，將各功能自己需要的資料往自身層級放，保持單一職責確保資料不會互相影響。

針對以上諸如此類的問題進行重構，當然還有很多細項的調整
ex: 拆出共用的元件、重新命名 ... 等等。

真人家教學習功能

Hero 課程內新增真人家教口說功能，與後端串接並與 Hero 本身的挑戰相關功能互相搭配。

潔客幫, 前端工程師, Mar 2019 ~ May 2021

『 潔客幫 』 

 負責前後台多頁應用前端開發 

 - 使用 Vue.js、Vuex 開發並設計可複用元件 

 - 使用 Cypress 進行 E2E 測試 

 - 使用 Jest 進行 Unit 測試

利用 Nuxt 重構專案官網 

 - 利用模組化樣式快速開發服務介紹與結帳流程 

 - 建置整體 Nuxt 專案架構 

『 螞蟻拼團 』 

 整體專案建置及開發 

 - 前台開發整體購物流程 

 - 後台開發商品上下架及 SEO 設定 

利用 Firebase 及 Chart.js 建置 Dashboard 專案 

 - 以手刻及搭配 Chart.js 進行圖表顯示 

 - 串接 Firebase 資料動態顯示資料圖表 

 - 與後端討論資料架構呈現 

 - 封裝 Chart.js 整合使用 

『 吾秀 』 

 整體專案建置及開發 

 - 前台內容介面開發 

 - 後台建置

思樂科技, 前端工程師, Oct 2018 ~ Feb 2019

『 預約系統 』

前後台功能建置