我的專案作品
這些是我近年來開發的一些專案,展示了我的技術能力和創意思維。
精選專案
推薦

AI 垃圾分類助理
在日本福岡,複雜的垃圾分類規則是一個常見的生活痛點。為了解決這個問題,我開發了這個專為其即時垃圾分類的 AI 助理。它不僅僅是一個查詢工具,而是一個能利用你手機相機進行即時辨識的 PWA (漸進式網路應用)。其技術突破之處在於利用 TensorFlow.js 實現了端側 AI 架構,讓圖像辨識模型直接在使用者瀏覽器中運行,實現了零延遲、零伺服器成本、保護隱私的即時相機分類。前端使用 Next.js、shadcn/ui 及 Framer Motion 構建,確保了從 AI 核心到 UI 互動都是提供現代化的使用者體驗。
Next.js
React
TensorFlow.js
AI
TypeScript
Shadcn/ui
Framer Motion
精選專案
推薦

DGS弦樂式
一個超級應用等級的多元化 Discord 機器人,其架構遠超普通機器人。核心亮點包括:一個由 Lavalink 驅動、深度整合 Spotify 並支援即時歌詞;OpenAI API 對接的 AI 功能模組;以及由 SQLAlchemy (ORM) 驅動、支援國際化 (i18n) 和動態圖像生成的強大後端。專案在性能上更使用了磁碟快取 (diskcache) 進行了深度優化。
Python
Pycord
Api
Lavalink
OpenAI
SQLAlchemy
Spotipy
i18n
精選專案
推薦

DiscrdHubs
一個為高流量設計的全端 Discord 伺服器和機器人列表平台,幫助您發現及宣傳伺服器和機器人。不僅是前端展示,更透過 Prisma、Upstash Redis (快取/速率限制) 和 Bull (非同步任務佇列) 構建了強大且可擴展的後端。專案特色包含動態 OG 圖片生成、完整的用戶認證系統,旨在提供極致的性能與使用者體驗。
Next.js
Prisma
Redis
BullMQ
Next-Auth
Cloudinary
Zod
Tailwind CSS
Supabase
所有專案

Zzz-NightMare(Zzz計劃)
一個探索「壓力與療癒」主題、功能豐富、注重細節的沉浸式互動藝術網站,旨在將「壓力」主題視覺化、可互動化。核心特色是利用 React Three Fiber (R3F) 打造的互動式 3D 場景,使用者可以親手將壓力拖曳並扔進一個動態黑洞中。同時,專案深度整合 Framer Motion 實現了複雜的物理動畫與過渡效果,以及不同點擊互動音效音樂,並為桌面、平板、手機設計了完全不同的互動模型,旨在提供極致的全平台沉浸式體驗。
Next.js
React
TypeScript
Shadcn/ui
React Three Fiber
Framer Motion
React Hook Form
Zod
Recharts
Expo
Tailwind CSS

DiscordChatExporterPy
一個專注於高還原度的 Python 工具,能將 Discord 聊天記錄導出為可離線瀏覽的精美 HTML 文件。其特色在於像素級還原 Discord 官方 UI,完整保留所有訊息元素。核心技術是利用 Discord.py 進行數據抓取,並透過 HTML 模板技術渲染成單一、自包含的 HTML 文件,便於分享與永久存檔。
Python
Discord.py
API
Web Scraping
HTML
CSS
