ShyrenMore / Reactive-Color-Generator

A simple color generator web-app made with React.js which generates tints and shades of the input color

Home Page:https://reactive-color-generator.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Reactive Color Generator

Summary:

  • Created using HTML, CSS, React.js and Values.js package which returns an array of shades and tints
  • The user enters the color-code in any format, or the color-name and gets 10 shades, 10 tints of the same color as output
  • Clicking on specific color tile, results in color getting copied to clipboard

React functionality and related concepts used

  • useState() Hook
  • useEffect() Hook
  • Conditional Rendering && Form Handling
  • Dynamic CSS

This project was bootstrapped with Create React App.

About

A simple color generator web-app made with React.js which generates tints and shades of the input color

https://reactive-color-generator.netlify.app/


Languages

Language:JavaScript 55.2%Language:CSS 26.9%Language:HTML 18.0%