//assets.cakeresume.com/assets/contentarea/contentarea-2d64eca8dae2a1ffb31e0fb1df887bbad072c7c19734d7d30fa14884bbcc299a.css

Demo：https://brook110413.github.io/EC-SCSS-BS4/

使用技術：
．Bootstrap 4 + SCSS 規劃響應式版型
．使用 EJS template 進行多頁式開發
．使用 Gulp 任務自動化管理

BS4 + SCSS 電商平台

Frontend Web Developer @ 拼起科技(智影顧問)

洪德成

Demo：https://brook110413.github.io/vue-fruitstore/

前台功能：
．商品展示(產品分類、單一產品詳細資訊)
．購物車、優惠券及模擬簡易結帳
．商品收藏清單
．站內產品搜尋
．切換瀏覽方式、商品排序

後台功能：
．產品管理(新增、刪除、修改)
．優惠碼管理
．訂單列表管理

使用技術：
．Vue.js 規劃 SPA 架構
．Vue CLI 3 建立與打包專案
．Vue Router 路由配置
．串接遠端 API
．JavaScript (ES6、LocalStorage)
．Bootstrap 4 + SCSS 規劃響應式版型

Vue CLI SPA 電商開發

性為人和善，擅於獨立思考解決問題，嚮往能夠不斷成長而走上前端之路。

畢業專題擔任組長，協調組內工作事項，並規劃時程表及專題製作方向，最後協助團隊獲得專題第三名的成績。

輔仁大學

拼起科技(智影顧問)

Frontend Web Developer

1. 將專案內 React Class Component 重構成 Functional Component，完成率達 90% 以上
2. 開發手機、平板端的產品介面
3. 維護既有產品模組功能，並協助開發新產品，供應商管理系統
4. 協助導入 locize，加速開發多國語系效率
5. 為團隊導入 React Query
a. 優化了資料獲取流程，確保團隊的程式碼邏輯一致
b. 優化資料緩存管理，減少呼叫 API 次數提升產品效能和使用者體驗
c. 優化錯誤處理機制，減少重複邏輯的程式碼

台灣臺北

1. 為團隊專案導入 Storybook
    a. 協助 UI Designer 建立 design guideline， 並可即時操作的元件網站，以便快速進行測試
    b. 視覺化元件，並強化與 Designer 之間的溝通合作
    c. 在開發多國語系網站時能及早發現 layout bug

2. 強化 Code quality
    a. 制定 code convention，並和團隊成員討論取得共識，統一團隊風格
    b. 導入 pre-commit hook ，確保部署前程式碼的品質符合規範
    c. 撰寫單元測試，確保專案內元件都有被完整測試
    d. 導入 Material-UI 的 Custom Theme，統一樣式管理，增加開發效率
    e. 導入 TypeScript，使用強型別增加專案的嚴謹度

3. 開發多國語系網頁內容，符合不同國家使用者習慣

台灣台北市

Tomofun 寵物AIoT科技新創

1. 和企劃、設計討論專案開發排程，確保開發內容與符合設計稿需求，和後端工程師合作，串接與使用 API，並能在開發時程內完成

2. 為團隊專案導入 Styled-components，等 CSS-in-JS 的方式，改善使用 Sass 的樣式管理

3. 將專案內共用組間進行拆分，讓架構更明確，改善開發效率

4. 將產品從原型開發至正式上線，並持續維護，針對企劃需求進行優化與改善

分享