服務
網頁設計
使用Media Queries完成各行動裝置的RWD版面。
擅用SCSS模組化CSS的程式碼,提升撰寫效率以及維護性
網頁開發
熟悉使用React/Vue的前端JavaScript框架。
熟悉搭配使用Redux/Vuex做狀態管理
app 開發
熟悉使用React Native 建構 iOS 以及 Android App
經歷
前端工程師Apr 2020 ~ Present
React
Redux
Redux Toolkit
Redux-Saga
Webpack
Storybook
前端團隊成員目前7人,與設計、行銷、專案經理以及測試團隊緊密合作,採敏捷式開發流程。
負責東森/森森購物網站(Web)以及手機版(mWeb)功能開發以及舊有系統維護。
檔期活動頁製作,設計團隊提供Zeplin設計檔,前端採用React做畫面切版以及使用Axios與後端的 RESTful API串接,並處理跨系統以及跨瀏覽器的版面調整
負責店中店(B2B2C) 購物車從零建置,採用Redux做狀態管理,使用 Redux Toolkit 精簡 Redux上的設定,使用Redux-Saga處理API的呼叫
導入Storybook建立東森前端團隊的UI元件圖書館,讓設計師、企劃在提新案子時,可以直接看過往有的 UI 來設計頁面
作品集

美股追蹤APP
這是一個簡單看美國股票/ETF 的小工具📈,目前已有200以上的下載次數
功能包括:
1. 依股票/ETF代碼或是公司名稱搜尋,建立觀察清單
2. 建立自己的資產組合,隨時追蹤漲跌狀況
3. 資產分布圖表
4. 再平衡計算機
5. 自行排序功能
使用工具:
1. 使用 React.js框架,React-router 做路由切換
2. 使用 Redux做狀態管理,並使用 Redux-Saga 以及 Axios 處理API的呼叫
3. 使用 Ant Design UI 框架以及Ant Design Chart 做圖表呈現
4. 使用 React Intl 做多語系功能

短網址產生器
功能描述:
1. 串接PicSee API 產生短網址
2. 將產生的短網址由Local Storage 暫存
3. 短網址QR碼產生
4. Line 分享短網址
使用工具:
1. React.js 框架
2. Redux做狀態管理
3. Ant Design UI 元件庫
4. Local Storage 暫存
