React Colors

The React Colors app was a guided portfolio project completed as part of Colt Steele's online Modern React Bootcamp, which I completed in October 2021. The curriculum included React basics and design patterns, hooks, state management (useReducer + useContext), React Router, component styling with JSS, component libraries like Material UI and Bootstrap, server-side rendering with Next.js, and some Webpack basics. Much of this knowledge was applied in building this application for creating color palettes.

React Colors is deployed on Netlify and you can try it here.

React Colors palette view on an iPhone 11

Bootstrapped with create-react-app
Responsive React frontend built with custom components, Material UI, and custom JSS styling
React Router with react-transition-group for transitions between routes
Chroma.js for color manipulations
React-sortable-hoc for drag and drop behavior
React-form-validator-core

Screenshot of home page on React Color Picker project

Screenshot of a single color palette on React Color Picker project

Screenshot of the create palette page on React Color Picker project

Screenshot of palette save form on React Color Picker project

Screenshot of emoji picker on the palette save form on React Color Picker project

React Colors on GitHub