網站開發與維護

曾參與 4 個以上新聞媒體產業的網站開發、維護與搬遷，使用 Next.js / Nuxt.js 建立 SSR 網站，採用 RESTful API 與 GraphQL 串接資料，並處理第三方script載入、廣告系統、會員系統、頁面元件懶載入(lazy-loading）、串接金流、響應式設計等各式問題。

鏡週刊官網
維護以 Nuxt.js 為基底的網站，並參與搬遷計畫，將其以 Next.js 改寫，將 RESTful API 替換為 GraphQL。
解決既有網站潛在錯誤，完成紙本雜誌訂閱和第三方金流串接並搬遷，為了優化 SEO 搬遷 AMP 頁面並處理 google 報錯。
• React
• Next.js
• GraphQL
• Restful API
• JSDoc

鏡電視官網
維護以 Nuxt.js 為基底的網站，除了實作首頁改版，期間經歷 GA 版本的新舊交接期，統一改交由 GTM 監控，更方便使用者更改。
參與「進行中」的搬遷計畫，將其以 Next.js 的 APP Router 改寫，並引入 TypeScript。
• Vue
• React
• Next.js
• GraphQL
• Google Tag Manager
• App Router
• TypeScript

願景工程基金會
參與大部分網站初期開發與後續維護，包含響應式設計、捐款流程串接第三方金流、內嵌 Google CSE 實現站內搜尋。
• Vue
• Nuxt2
• GraphQL

社企流官網
與跨部門設計師合作，參與網站初大部分頁面開發與後續維護。
與後端同事協作，串接 Firebase 實作會員系統。
• React
• Next.js
• GraphQL
• JSDoc

互動式專題

與記者及設計師共同合作，推出具有互動性的專題報導，以更具互動性的方式呈現長篇、難以理解的議題或具時效性的資料給讀者。參與製作 4 篇的專題，在專題製作完畢後，也會紀錄心得及過程，並與團隊同仁分享開發與使用新技術的心得。

Side Project

在自學前端的過程中，我也與其他團隊的成員合作，共同製作 Side project，除了磨練技術以外，也希望專案可為對特定議題帶來影響力。

想像朋友暗網
主要負責的部分為使用 node.js 撰寫 api，以及前端文章功能。以文字作品交流的活動為核心的稿件互評平台。
為 Lidemy 結業團隊合作專案，一開始是為了解決我所屬社團「想像朋友寫作會」內部交流需求所發想。不過開發同時 google 文件手機版備註功能使用者體驗優化，加上參與成員陸續轉職成功，便決定暫停開發與維護。
• React
• Redux
• Redux-toolkit
• redux-thunk
• React-router
• Express.js
• Sequelize ORM
• MySQL DB