Ruo-Fang's Web Portfolio
Home
About Me
  • Image Color Picker
  • React - Weather in 7 Days
  • Front-End Mentor Challenges
  • Vue - Business Contact Book
  • React - Notifications
  • React - Scramble Words Game
  • NASA API - APOD
Contact Me
  • English
  • 繁體中文
Home
About Me
  • Image Color Picker
  • React - Weather in 7 Days
  • Front-End Mentor Challenges
  • Vue - Business Contact Book
  • React - Notifications
  • React - Scramble Words Game
  • NASA API - APOD
Contact Me
  • English
  • 繁體中文
    • My Web Portfolio
    • Image Color Picker
    • React - Weather in 7 Days
    • Front-End Mentor Challenges
    • Vue - Business Contact Book
    • React - Notifications
    • React - Scramble Words Game
    • NASA API - APOD
    • Contact Me

Image Color Picker

This is a color picker that extracts colors from uploaded temporary images. I implemented React Error Boundary to redirect users to a custom error page; this ensures a smooth experience and prevents 'technical panic' if an unexpected error occurs. Additionally, I’ve integrated unit tests into my GitHub Actions workflow. The CI/CD pipeline only proceeds with the build and deployment once all tests have passed. Every step is automatically triggered whenever the main branch is updated.

🔗 GitHub Link

🔗 Public Page Link

Tags:

ReactReact ReduxRedux ToolkitReact Error BoundaryMUIViteVitestGithub actionsWeb appUI/UX DesignCICD

Screenshots: Image Color Picker

Last Updated: 3/28/26, 12:04 PM
Contributors: unknown
Prev
My Web Portfolio
Next
React - Weather in 7 Days

© 2026 Ruo-Fang Wang.