Review Video System
- 開發 Single Page Application (Material UI + React + XState + RxJS + React Router)。
- 提供 UI 讓 User 審核後端 AI Server 預測影片特徵的準確性,並將校正後的結果回給 AI Server 進行學習。
- 使用 Fabric.js 針對影片中出現的特徵進行 AI Labeling。
- 使用網頁 Canvas 針對圖片和影片進行封面擷取,並且利用 Google Cloud Storage 管理影片、圖片等靜態檔案的上傳和下載。
- 使用 Google App Engine 進行應用部署、rollback。
- 導入 Storybook,使用元件驅動開發,方便手動模擬各種情境進行除錯,並提升開發效率。
- 導入 Typescript 型別,強化程式碼可讀性、可維護性。
- 新增 Jest 單元測試,提升產品交付品質。
網站前台
- 使用 Next.js 進行開發,處理 Server Side Rendering 和 Static Site Generator。
- 進行 performance 優化,提高 Web Vitals 中 Largest Contentful Paint 和 Cumulative Layout Shift 分數。
團隊貢獻
- 導入 Trunk Based Development Flow,增加產品交付的靈活性、穩定性。
- 維護 Gitlab CI Pipeline,及時排除故障以及進行效能優化。
- 導入 Notion,建立前端的文件、知識系統。
- 與 team leader 一同導入 Kanban Board(使用 Asana),針對前端開發進度進行管理。
- 每週五固定回顧進度,並且分享公司內部 domain、新潮程式技術。
- 協助一位 rookie onboard,講解專案概況、使用技術以及合作流程。
- 協助一位 rookie 建立測試觀念,並且進行 code review。