praveen-1995 / color-generator-react-project

Color Generator using React

Color Generator 🌈

PROD [Live] : https://react-color-generator-prod.netlify.app/

Color Generator consists of a straightforward user interface where there is a

• List of tints and shades of color for a given input along with the page title Color Generator.
• The default color in the input is set to orange #f15025 when the page loads.
• Each single color card has Background color, Weight, Hex Value of the color along with the functionality of copying the Hex value of the color on click of that specific card.
• If a color is not found for the given input, it shows the Error through the red-colored border to the input box.
• Colors are handled by the values.js and styles are handled by index.css
• To run the project locally, clone the repo, npm install to install the dependencies, and npm start to start up the development server on default port 3000.

Languages

HTML, CSS, JavaScript, ECMAScript, React - Hooks ~ useState, useEffect

Packages

Values JS

Deployment / Hosting

Netlify

---

Note: I have developed this project ~ [9] as part of React and Projects Course taught by John Smilga.