Color Box

React App

Where React Inputs Meet CSS Styles

This is a color swatch app built with React that implements:

  • Functional components
  • Click events
  • useState & useEffect hooks
  • Lists & keys
  • Props & prop drilling
  • Controlled component inputs
  • APIs
Type in any valid color name or select from the list in the sidebar to view swatches, imported from the colornames API. Compare light vs dark themes to view what text looks like against your chosen background.

View Project/Site
return to portfolio