前端工程師 | 數位因子網路科技有限公司

2020 / 03 - 2023 / 04  |  3年

CMS 後台管理系統

1. 在權限控管方面，使用JWT驗證令牌來保護系統的安全性，同時限制管理員可訪問的頁面與功能，以保護敏感資訊。

2. 在擴充彈性的列表/表單/彈窗基礎元件方面，搭配Vuex實作了可複用且具有高度可配置性的元件，方便專案後台功能的擴充和定制。

3. 撰寫了元件使用說明相關文件，以方便開發者快速上手並使用該元件。

Design+    https://www.designplus.style/

Design+是一個電商網站，除了有基本的商品瀏覽頁面外，還提供流暢的購買流程，搭配後台設定多種行銷優惠組合，提高用戶購買率

1. 實作電商購物模組/頁面

2. 豐富的行銷組合模組

3. 串接第三方登入，使用OAuth協議實現了Facebook、Google等社交平台的登入功能，提供了方便且快速的登入體驗，同時提高了使用者轉換率

客家電視台    https://www.hakkatv.org.tw/

客家電視台官網，搭配wowza作為串流伺服器，將直播影片推流至wowza進行處理，並將影音檔案存於EFS，或是從後台進行大檔上傳到S3再由後端將S3影片同步到EFS儲存起來 ，以此建置直播自動錄制並上架的系統，解決影音上架人手不足的問題。
除此之外，網站也進行觀眾的數據蒐集，作為相關行銷人員的分析依據，以利日後平台與節目的提升。

1. 整合Youtube iframe api與m3u8影音串流，使用了響應式網站設計，提供了良好的跨平台訪問體驗，同時使用了流媒體技術，提高了串流效率和觀看體驗。

2. 實作後台影音/商品/訂單/資料管理，方便客戶彈性化管理。

3. 在GA4方面，按照使用者身份及互動行為設計維度指標，使用了Google Analytics 4來對用戶行為進行監測和分析，幫助客戶了解和優化用戶體驗，並利用 chart.js 將數據轉為視覺圖表呈現。

eCloudvalley 伊雲谷     https://www.ecloudvalley.com/tw/

多語系形象網站，利用多元客製化元件組合出多種動態頁面，各頁面按照後台設定將SEO設定好並交由爬蟲處理，提高網站能見度。管理員藉由後台組合出具有高度彈性的頁面，並且設有分級權限系統，不同身份的管理員可輕鬆查看、編輯和批准各語系版本的文案。

1. 後台文章審核機制

2. 管理員權限管理 

3. 多語系分站/動態頁面/選單管理

4. 前台根據後台設定呈現對應的頁面元件

新北市議長盃龍舟錦標賽    https://www.ntpc-dragonboat.com.tw/game/

利用原生JavaScript製作以端午節為主題的小遊戲，湖中會隨機出現不同的粽子，每個粽子都代表著不同的分數。玩家需使用滑鼠點擊粽子，獲得分數，挑戰自己的反應速度和準確性，並為遊戲加入了排行榜功能，可以將自己的分數上傳到排行榜中，與其他玩家一較高下

PAST THE HORIZON 地平線上     https://hkipf.space/

使用VueJS打造了一個現代化的SPA（單頁應用）網站，集合了引人入勝的歌詞、藝術圖片、音樂和影片素材，讓使用者可以隨心所欲地組合，創作出獨具個性的藝術作品。可以輕鬆地將藝術作品分享到社群網絡，與朋友、家人和藝術愛好者分享創作成果，引發更多的討論和互動。