author
我是一名深耕 Next.js 與 React.js 生態系的前端工程師，擅長以 TypeScript 與 Tailwind CSS 打造網頁。程式碼之外，我沉浸於動漫、小說與影劇的世界，同時也是位熱衷在社群平台上衝浪的資深哥布林。
#Experience
Frontend Developer
Anue 鉅亨網
2024.03 - Now
Frontend Developer
Universal EC Inc.
2022.10 - 2024.02
#Skills
#Projects
2025Google Places APIReact.jsTypeScriptTailwind CSSShadcn UITanStack Query
北市牛肉麵排行榜
整合 Google Places API 與評分資訊，快速瀏覽台北牛肉麵店家排名與熱門名單。
2025Next.jsTypeScriptTailwind CSSShadcn UIZustandTanStack QueryReact Hook FormZodGoogle AnalyticsPuppeteernext-themes
Hot Now｜熱門話題一把抓
聚合 YouTube、PTT、BBC、Google 等來源，集中查看當下最熱門的話題與內容。
2025TypeScriptLINEWranglerOpenCC
LINE機器人 - 蓋瑞爸爸大俠
部署在 Cloudflare Workers 的 LINE Bot，提供遊戲、星座運勢、圖片與文案等互動功能。
2025Next.jsTypeScriptTailwind CSSShadcn UInext-intlnext-themes
人生重來 - Life Restart
受投胎抽卡機啟發的轉生模擬網站，透過隨機條件體驗不同人生開局與發展結果。
2025Perplexity APIReact.jsTypeScriptTailwind CSSReact Hook FormReact Json View
AI 串接測試工具 - Perplexity AI Concat
用來測試與比對 Perplexity API 回應的串接工具，方便快速檢查請求與結果內容。
2025GeminiNext.jsTypeScriptTailwind CSSShadcn UIReact Query
AI 串接測試工具 - Gemini API Tester
提供輸入 token 與即時送出訊息的 Gemini API 測試介面，方便驗證模型回應流程。
2024Next.jsTypeScriptGoogle AnalyticsVeliteTailwind CSSnext-themesGiscus
personal website - garylin.dev
個人網站與技術部落格原始碼，整合文章內容、作品展示與版本發布流程。
2024TypeScriptJestNPM
NPM 套件 - chinese-number-format
將數字轉為中文數字格式的 NPM 套件，適合金額或中文化數值顯示情境。
2023Next.jsTypeScriptReact Hook FormSWRTailwind CSSnext-themes
Clone - IMDb
仿 IMDb 的電影資訊網站，練習電影列表、搜尋瀏覽與主題切換等前端體驗。
2023Next.jsTypeScriptReact Hook FormSWRTailwind CSS
Clone - Google
模擬 Google 首頁搜尋體驗的練習作品，包含搜尋入口、結果頁與基本互動流程。
2023React.jsReduxTypeScriptStyled Components
火影忍者 - 曉組織成員介紹
以火影忍者曉組織為主題的角色介紹網站，展示成員資訊與視覺化內容編排。
2022React.jsJavaScriptSocket.IOBootstrapGSAP
iSpan 資策會 - 專題
六人電商協作專題，負責會員系統、聊天室、後台管理與登入驗證等前後端功能。