Color Picker App

This is a React project I developed to improve my React skills.

This course guided me in this project. Got support when I got stuck writing my own codes

I also used it in some utility packages and libraries.

What does the project offer?

  • Initially includes 9 pallets. You can use or delete them if you want.
  • Each Palette contains 20 colors. You can view the colors in your palette in 5 different tones.
  • Each color displays its 5 shades on a separate page.
  • You can easily copy RGB or HEX codes of each color.
  • A snackbar notifies you when you change the copy format
  • You can create your own palettes
  • You can use the random color button to inspire you as you start creating palettes.
  • After choosing your color, you must choose a name for your color. This form validates to ensure the name and color are unique
  • Your palette can contain up to 20 colors.
  • After selecting the colors on your palette, you can sort them by drag and drop.
  • To save your palette, you must choose a name for it. This name must be unique.
  • You should also choose an emoji to represent your palette.
  • If there is no palette to display on your homepage, you will be greeted with a button that will take you to the palette creation page.