Skip to content

OlaFro/React-color-palette-generator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

21 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

link to deployment on Vercel

React Color Palette Generator 🌈

Features:

  • βœ… React hooks
  • βœ… Color picker from React-Color library
  • βœ… Palette with flexbox and limited amount of colors
  • βœ… Color shades from chroma.js library
  • βœ… Dynamic text color based on background luminancy (using chroma.js)
  • βœ… Copy to Clipboard from react-copy-to-clipboard library
  • βœ… unique IDs from uuid library
  • βœ… drag and drop from react-sortable-hoc library
  • βœ… snackbar (info display after copy) from material-ui library
  • βœ… withStyles from material-ui library (JSS on Higher Order Components)
  • βœ… the app is responsive

Future implementations:

  • πŸš€ Adding option to save the palette
  • πŸš€ Side menu/another route that shows saved palette
  • πŸš€ An option to download the palette in jpg/svg
  • πŸš€ Offering to copy the color codes in other formats than only HEX (rgb, rgba)
  • πŸš€ Refactoring styles component with makeStyles(solution for hooks), instead of withStyle
  • πŸš€ changing the library to drag-and-drop because of the deprication warnings in the console

About

Color palette generator in React Hooks with drag&drop functionality

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published