廖英凱
Front End Developer • TW
HTML / CSS
精通 HTML / HTML5
精通 CSS3，瞭解 CSS BEM
精通 CSS 預處理處理器，e.g. Sass、Stylus
JavaScript
精通 JavaScript 與 ES6
熟悉 Vue2 與 Vuex
熟悉 React 與 Redux
介接 RESTful API、GraphQL
Others
瞭解 HTTP
瞭解 OOP 與 SOLID
瞭解 Clean Code 並實踐於程式碼
寫過 Unit test 與 E2E test
工作經歷
有牠的生活股份有限公司, Front-end engineer, 2021/ 7 ~ 2023/ 5
- 從零建置前台網站，使用 AWS Amptify 為部署工具，使用 AWS Cognito 協助註冊流程，並透過 AWS AppSync 與 AWS Dynamic DB 為 GraphQL 的串接工具，並串接綠界與 TapPay 為第三方支付工具。
- 導入 Tailwind CSS，減少 70% css bundle size 大小，減少第一次渲染時所要載入的檔案大小。
- 重構統計頁面資料撈取邏輯，降低 90% 的請求與加快至少兩分鐘的資料載入，優化使用者介面與操作，可以隨時中斷與預覽資料
- 針對 Dynamic DB 限制，撰寫大量資料的撈取邏輯與重構，並針對大量列表導入 infinite scroll 優化效能
思華科技, Front-end engineer, 2020 / 5~ 2021 / 5
後台管理系統(維護)
- B2B 商業內部平台，公司原有專案維護與新功能開發
- 使用 Vue 與 Vuex ，選擇 antd-vue 為 UI Library
- 串接 RESTful API
- 重構部分程式碼，抽離重複邏輯，並加上 Readme
後台管理系統(新的專案)
- B2B 商業內部平台，整合公司部分專案的功能
- 使用 Vue 與 Vuex ，選擇 antd-vue 為 UI Library
- 串接 GraphQL API 與 RESTful API
- 設計 GraphQL 與 RESTful API 可共用 interface ，讓頁面使用上不會有差異
交易所專案
- 提供交易虛擬幣的平台
- 前端畫面切版，與設計師溝通與調整設計稿
- 使用 React Hook 與 Redux ，選擇 antd 為 UI Library
- 串接 GraphQL API
- 優化專案效能，從一秒數十次 re-render 優化成 0.5 統一 render 一次，並將 component 加上 render 的判斷，優化使用者體驗
- 設計與實作共用 component
利頡科技, Front-end engineer, 2019 / 7 ~ 2020 / 5
前後平台
- 前端畫面切版，與設計師溝通與調整設計稿
- 使用 React 並使用 Redux 做資料管理
- 串接 RESTful API
- Component 拆分，並撰寫 Unit Test
- 封裝 antd UI Library ，並加上自有的商業邏輯
- 協助 Code Review，實踐 SOLID 、 Clean Code 、 BEM 等原則
Side Project
Shopping Website
練習 Vue，模仿蝦皮購物網站，實作商品的搜尋、呈現、加入購物車、無限加載、註冊與登入流程...等的電商通用功能
- 使用 Vue 做畫面的渲染
- 使用 Vuex 做資料管理
- 串接 API
- 使用 Element 爲 UI Framework
雙人連線遊戲
實作五子棋與圈圈叉叉遊戲，加入 Web Socket 讓遊玩不受裝置控制
- 前端使用 React 渲染畫面
- 後端使用 Web Socket 做連線
- Server 使用 Heroku 爲佈署平台
- 撰寫遊戲規則，連線、配對機制，勝負判定與遊戲流程
訂房平台
配合六角學院推出的活動，練習 React，並實作出設計師的版面與串接後端 API，並擁有訂房、查詢空房等功能
- 使用 React 做畫面渲染
- 使用 Redux 做資料管理
- 使用 Redux-thunk 處理 API
- 設定 Webpack 檔
