React Color

---

A color palette website build using react.js and hooks similar to material UI color palette with drag and drop functionality.

Project Purpose:

This project was built to practice my ReactJS Skill.

Tools and Skills Used

1. ReactJS
2. React Hooks
3. React Router
4. Material UI React
5. Responsive and Mobile friendly design (JSS)
6. React Color (react-color)
7. Drag and Drop (react-sortable-hoc)
8. Emoji (emoji-mart)
9. React Copy to Clipboard
10. React Slider (rc-slider)
11. Animation (react-router-transition and react-transition-group)
12. Form Validation (react-material-ui-form-validator)

How to Load the App

You can run a hosted version of the app at https://react-colors.netlify.com

The project uses Node.js and the Create-React-App starter. If you do not have Node >= 6.x installed, you can download it here: Node.js

Once Node is installed, navigate to the directory where you want to store the app

git clone https://github.com/Akash187/react-colors.git
npm install

Once all of the dependencies have been installed you can launch the app with

npm start

A new browser window should automatically open displaying the app. If it doesn't, navigate to http://localhost:3000/ in your browser