我的 作品集

企業級平台、3D 視覺化、AI 系統到上架的 iOS App,每一個都實際上線、有真實使用者。

12
精選專案
51+
使用技術
7+
年開發經驗

工作專案

在企業環境中主導開發的專案

Featured

Delta 全球企業網站

使用 Next.js 15 App Router 領導重建 Delta 全球企業網站,每月服務 380K+ 流量,37% 來自有機搜尋。設計模組化 CMS 架構,90+ 可重用組件,減少頁面開發時間 80%。

Next.js 15ReactTypeScriptTanStack QuerySSR+1
Featured

企業學習平台 (Academy)

開發企業學習平台,服務 50,000+ 全球員工,支援影片學習、測驗、證書管理和 3D 內容。使用 WebSocket 和 React-Unity-WebGL 實現即時互動。

Next.js 14ReactWebSocketUnity WebGLMaterial-UI
Featured

資料中心 3D 監控系統

使用 Three.js 建立 3D 監控系統,視覺化 1,000+ 設備,監控回應時間縮短 70%,效率提升 40%。整合 Zabbix API 取得即時數據。

Three.jsReact Three FiberWebGLZabbix APITypeScript
Featured

AI 字幕生成平台

架構 AI 平台,整合 LangChain 和 Whisper 進行 AI 字幕生成,處理時間減少 75%,支援 15+ 語言。使用 BullMQ 處理異步任務。

Next.jsLangChainWhisperRedisBullMQ
Featured

行動學習 App (iOS & Android)

使用 React Native 建構服務 10,000+ 使用者的學習應用程式,配備進階影片學習功能。啟動時間減少 50%,滿意度達 95%+。

React NativeTypeScriptCodePushFastlaneDetox
Featured

UCApp 企業管理系統 (接案)

為 Tradium 開發的全端企業管理系統,包含 PWA 前端與 NestJS 後端。支援離線功能、地圖視覺化、RBAC 權限管理、2FA 認證、多語系,以及 Bull Queue 任務處理。

Next.js 13NestJSPostgreSQLRedisMUI+1

Side Projects

業餘時間打造的個人專案

Featured

LoopSlide 數位相框

把 iPhone、iPad 變成智慧數位相框的 iOS App。直接播放 Apple 照片、檔案與 NAS 裡的照片和影片,支援 SMB、WebDAV、DLNA 串流。內建 Ken Burns 動態、照片濾鏡、2/4/6 張拼貼、時鐘天氣、背景音樂、展覽排程、EXIF 日期浮水印與 AirPlay,本機優先、無需上傳雲端。

React 19Capacitor 8TypeScriptSwiftSMB+2
Featured

LoopSlide for Apple TV

為 Apple TV 打造的原生數位相框,從 Apple 照片或多組 SMB/NAS 來源連續播放照片與影片。支援 Range 影片串流與快取預載、模糊背景、時鐘覆蓋、隨機播放與 Siri Remote 快速操作,相容 JPG/PNG/HEIC/WebP 與 MP4/MOV。

SwiftSwiftUItvOSAVKitSMB+1
Featured

RoundQ 圈問

好友圈問答協作平台,在封閉的好友圈中發起主題式問答活動,分享生活故事。支援即時通知、豐富文字編輯器、多語系介面。

Next.js 16React 19SupabaseTanStack QueryZustand+1
Featured

PocketVid 影片壓縮器

iOS 原生影片壓縮 App,使用 HEVC/H.265 編碼在不犧牲畫質的情況下大幅縮小影片。支援批次處理、Share Extension、Siri 捷徑整合,所有處理皆在裝置本機完成,保護隱私。

SwiftSwiftUIAVFoundationHEVC/H.265Siri Shortcuts+1
Featured

我要財富自由

跨平台理財模擬遊戲,玩家需在退休前達成 F5 財富自由。包含 225 個事件、83 個成就、15 種結局、7 個 FI 等級。使用 React 19 + Capacitor 開發,支援 iOS/Android/Web 三平台。

React 19CapacitorTypeScriptZustandSQLite+1

個人技術網站

以 Next.js 15、TypeScript 與 Tailwind CSS 打造,支援中英雙語、深淺色主題與三層 design token 架構,全程以 AI-augmented 工作流開發與維護。

Next.js 15TypeScriptTailwind CSSVercel