Must give credit to Colt Steele, he designed this project for his React Class on Udemy, which I have taken. He makes this app as a code along, using class based components.
To make it more my own (and as a refresher for myself on using React), I have used functional components with hooks instead of class based components.
I still have a few issues to work out, as not everything was easily converted from class to functional components. I am also customizing the styling some and may try eventually conecting it to MongoDB for user CRUD and palette storage,
- Custom validators for unique colors not working
- SetTimeOut on copied graphic (no callback built in to useState)
- Adding a dark/light theme mode
- Adding a database to save colors and user instead of local storage
- All components are fuctional components
- Icon button to reset palettes to default
- Custom styling
- Material UI
- Material UI/JSS styled components with a mix of withStyles and makeStyles
- React copy to clipboard (for copy to clipboard, duh!)
- Chroma JS (for color conversion)
- React Component Slider (rc-slider) (for color palette slider)
- react Color (for color picker)
- UUID (for unique universal ID's)
- React Transition Group (for transitions)
- React Sortable HOC (for drag and drop in a grid)
- ArrayMove (helper for ordering the drag and drop)
- React Material UI Form Validator (for form validation, this may get replaced as it is not working with custom validations)
- Emoji Mart (for emoji picker)