/color-theory

Primary LanguageJavaScript

Project Description

Color Theory - a browser-based tool coded in React using JavaScript and CSS.

This tool is a color scheme generator. With a brief education on the science of Color Theory for each of the main schemes, users can generate a personalized scheme by selecting their favorite color and reveal the complimentary, quadratic, monochromatic, anologous, and triadic palettes. Great for web design!

Link to the tool.

Installation Instructions

Click on the link to the tool and navigate in your browser window.

Wire Frames

Screen Shot 2022-01-04 at 6 07 57 PM Screen Shot 2022-01-04 at 6 08 05 PM

MVP Goals

As a user, I want to know about the 3 main color schemes in color theory.
As a user, I want to select any color to find out more about the various color shemes.
As a user, once my color is selected, I want to select from one of the 3 schemes to see each scheme reflected to the color I picked.
As a user, each time I select a color scheme, I want to see information/background on this particular scheme.

Stretch Goals

As a user, I want to know about the 5 main color schemes in color theory.
As a user, once my color is selected, I want to select from one of the 5 schemes to see each scheme reflected to the color I picked.
As a user, I want to see an error page if I end up at an inactive link.
As a user, i want the option to input a search for my favorite color and return the proper shade.
As a user, I want to see a cool fade in effect when the color schemes are displayed.

Open Issues & Challenges