精選技術作品

網站開發專案與案例研究

精選網站與應用程式，呈現我如何規劃、開發、測試與部署不同類型的 Web 專案。

精選專案

個人網站

以清楚個人形象、響應式閱讀流程與可維護 Svelte 架構為核心的靜態個人網站。

商業應用程式

以全端 monorepo 組織公開網站、商品目錄、後台、API、聯絡服務、資料庫與共用系統的電商平台。

娛樂專案

探索互動設計、動態規則、響應式遊戲狀態與創意前端工程的瀏覽器遊戲。

每個案例都分開說明背景、責任、實作選擇、限制與可查證證據。Butter 是為他人合作製作的專案；NRG Commerce 與 EvoSnake 是獨立產品專案。這項區分很重要，因為公開實作可以證明工程決策，但不代表付費客戶關係或商業成果。

截圖呈現可見介面狀態；若有公開儲存庫與線上連結，則可進一步檢視。技術描述限於原始碼與公開行為可支持的內容，不使用虛構流量、營收、轉換、推薦或採用數據。

Butter 最接近使用既有內容、採靜態交付的聚焦行銷或個人網站。NRG Commerce 展示較大型的企業與全端架構，包含多個可部署介面、共用契約、資料庫與營運邊界。EvoSnake 則展示高度互動的前端狀態、響應式控制、對話框、事件規則與排行榜流程。

案例不代表新專案應複製相同技術。它證明的是在特定限制下如何做決策。提案應從您的受眾、內容、流程、所有權與維護需求出發，再選擇能負責任支援這些需求的最小架構。

作品截圖能呈現完成度，卻無法解釋程式為何如此組織、哪些限制塑造結果，或失敗如何處理。因此案例會在可見介面之外，記錄範圍、角色、內容邊界、架構與取捨，讓視覺簡單網站與具有多個應用程式及資料責任的系統可以被合理比較。

同樣以證據為先的方式也適用於限制。當內容與互動允許時，靜態交付很有價值，但不是萬用答案。monorepo 能維持共用契約一致，卻增加工作區與部署協調。高度互動遊戲可展示狀態建模，但不能證明商業系統安全性。說明這些限制也是展現判斷力的一部分。