color-palette-app 😀

About

I have made this project from Colt Steele's course on Modern React Bootcamp.
I have used class-based components along with React libraries.
The app provides you with some palettes and a option to make your own.
You can choose color format: hex-#fff, rgb(0,0,0) or rgba(255,255,255,0.4).

Installation

This command with clone the repo and install all dependencies required to run the application.

git clone https://github.com/aggarwal-muskaan/color-palette-app.git
cd [foldername]
npm install

Libraries

I've used these React Libraries in my project :

1. react-copy-to-clipboard
2. rc-slider
3. react-color
4. react-soratble-hoc
5. react-transition-group
6. chroma-js
7. emoji-mart
8. react-material-ui-form-validator

Additional Features

I have tried to add features to this project.

• Redirecting URLs
• Preventing Random Colors from duplicates.
• Used Sketch Picker for selecting colors.
• SVG background to Homepage.

Demo

Uses Local Storage for storing customized palettes.
Give it a shot.😅

Loophole

The palette have a limit of 20 colors only.

Build with

• React
• Material-UI
  And most importantly 😁, with the passion to learn and grow.

Contact

Connect with me on LinkedIn for collaboration.