portfolio

服務

網頁設計

使用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

EHS東森購物為台灣前三大的電子商務平台,包含東森Etmall以及Umall兩大購物網站。
前端團隊成員目前7人,與設計、行銷、專案經理以及測試團隊緊密合作,採敏捷式開發流程。

負責東森/森森購物網站(Web)以及手機版(mWeb)功能開發以及舊有系統維護。

檔期活動頁製作,設計團隊提供Zeplin設計檔,前端採用React做畫面切版以及使用Axios與後端的 RESTful API串接,並處理跨系統以及跨瀏覽器的版面調整

負責店中店(B2B2C) 購物車從零建置,採用Redux做狀態管理,使用 Redux Toolkit 精簡 Redux上的設定,使用Redux-Saga處理API的呼叫

導入Storybook建立東森前端團隊的UI元件圖書館,讓設計師、企劃在提新案子時,可以直接看過往有的 UI 來設計頁面

更多資訊

作品集

美股追蹤APP
01.

美股追蹤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 做多語系功能

ReactReduxRedux ToolkitRedux-SagaAnt Design UIReact Intl
短網址產生器
02.

短網址產生器

功能描述:
1. 串接PicSee API 產生短網址
2. 將產生的短網址由Local Storage 暫存
3. 短網址QR碼產生
4. Line 分享短網址

使用工具:
1. React.js 框架
2. Redux做狀態管理
3. Ant Design UI 元件庫
4. Local Storage 暫存

ReactReduxAnt Design UI
To Do list
03.

To Do list

1. 使用Vue.js 框架開發網站
2. 使用 Vuetify UI 元件,並依需求客製化
3. 使用 Vue Router 建置SPA 網站

VueVuetify
看更多