實戰範例

在現有會員系統中加入 Email 與密碼註冊功能，包含密碼強度驗證與資料庫寫入。

修復當後端 Session 或 Token 超時後，使用者在前端操作無任何提示、介面卡死，且未自動跳轉至登入頁的體驗錯誤。

將老舊的 React Class Component 重構為現代 Functional Component，使用 Hooks 重新實作生命週期，確保功能無損並優化效能。

串接第三方天氣服務的 API，將結果快取以提升查詢效能，並在 API 失敗時提供降級策略。

在 SQLite 資料庫的 orders 表中的 created_at 欄位上加上索引，以優化分頁查詢的效能。

實作圖片懶載入與響應式圖片，以大幅提升網頁的載入效能，改善 LCP 與 FCP 指標。

將專案的導覽列改版為響應式設計，在行動裝置上摺疊為漢堡選單，點擊展開為滑出式抽屜。

為 API 路由實作速率限制 (Rate Limiting) 防護，阻擋惡意暴力破解或 DDoS 攻擊。

為網站實作多語系支持（中文/英文），能自動偵測瀏覽器語言偏好，並提供手動語系切換。

為專案的工具方法補上單元測試，提升測試覆蓋率，並整合至 Vitest 測試框架中。