Karen網頁作品集
首頁
關於我
  • React - 圖片取色器
  • React - 7天天氣預報
  • Front-End Mentor Challenges
  • Vue - 職員聯絡簿
  • React - 通知管理介面
  • React - 文字拼字遊戲
  • NASA API - 每日天文圖片(APOD)
聯絡我
  • English
  • 繁體中文
首頁
關於我
  • React - 圖片取色器
  • React - 7天天氣預報
  • Front-End Mentor Challenges
  • Vue - 職員聯絡簿
  • React - 通知管理介面
  • React - 文字拼字遊戲
  • NASA API - 每日天文圖片(APOD)
聯絡我
  • English
  • 繁體中文
    • 我的網頁作品集
    • React - 圖片取色器
    • React - 7天天氣預報
    • Front-End Mentor Challenges
    • Vue - 職員聯絡簿
    • React - 通知管理介面
    • React - 文字拼字遊戲
    • NASA API - 每日天文圖片(APOD)
    • 聯絡我

圖片取色器

這是一個能從上傳的暫存圖片中提取顏色的選色器。我實作了 React Error Boundary 機制,在發生錯誤時將使用者導向自定義的錯誤頁面;這確保了流暢的使用體驗,並防止使用者在遇到意外錯誤時感到困惑。此外,我將單元測試整合進 GitHub Actions 工作流中,只有在所有測試皆通過的情況下,CI/CD 流水線才會執行建置與部署。每當 main 分支更新時,所有步驟都會自動觸發。

🔗 GitHub Link

🔗 Public Page Link

Tags:

ReactReact ReduxRedux ToolkitReact Error BoundaryMUIViteVitestGithub actionsWeb appUI/UX DesignCICD

Screenshots: Image Color Picker

最近更新: 2026/3/28 中午12:04
Contributors: unknown
Prev
我的網頁作品集
Next
React - 7天天氣預報

© 2026 Ruo-Fang Wang.