陳柏翰 Pohan Chen

前端工程師

   github.com/apo1798

  國立台灣大學外國語文學系、學士、2016 - 2020

  [email protected]

  +886 (0) 963-579-722

個人介紹網頁:歡迎直接瀏覽!(英文版)

關於我

已在前端領域有一年工作經驗,協助公司從零到無開發 Shopify 主題,客戶開店與主題客製化等。也與後端工程師一同協作完成訂單、商品管理系統,與商店同步連結。亦有完成 ChatGPT 論壇的實驗性專案、與結合 MUI 完成捐款管理、支持商品販售等。

在工作中、也熱於分享所學技術。包含在 Demo Day 介紹 React 的基本使用、交流 Best Practice。新技術(例如 TypeScript)分享與推廣。也常常至各式講座交流。現在亦在學習 Vue 的使用,包含 Vue Router, Pinia 等等套件。

     HTML5, CSS3

  • RWD Design
  • Shopify Theme 
  • TailwindCSS

  React 

  • Next.js (Page, App router)
  • React Query, SWR

  TypeScript

  • TypeScript + React
  • Generics

練習作品集

1. MapQuake地震地圖   網站連結    原始碼

  • 呼叫美國地質調查局 API,將地震資料利用React Leaflet圖像化至地圖。
  • 使用 Jotai 管理狀態、React-Hook-Form 表單狀態處理等。
  • Next.js Intercepting Route 產生地震的 Preview Modal。
  • React Server Component 伺服器端先抓好資料。


2. APO 的部落格   網站連結    原始碼

  • GatsbyJS 達成圖片 placeholder、lazy loading。並依照檔名與標籤動態生成路徑。
  • GraphQL 資料查詢。
  • SEO 搜尋引擎優化、Open Graph Meta 標籤貼上連結就能預覽網站。