Overview

This simple app can help you choose a color (from autocomplete component) and after submitting, see the result as half-transparent background-color set for the root element. Color dataset is fetched from external source. When you start enter some letters (min. 2 chars), you see a list of colors with entered substring.

I want try it out!

All you need to do to see and try it is just:

yarn install
yarn start

or alternatively:

npm install
npm start

Simple as you see.

Some implementation explanations

• The app war written based on create-react-app boilerplate.
• Code written in React with help of Webpack module bunder, axios for HTTP requests, styled with awesome styled-components <3
• UI components are self-written, which means, maybe they're not so pretty but at least I know exactly what's going on under the hood ;-)
• Code is good tested, if you don't believe, type yarn test (tested with Enzyme, Jest, redux-mock-store, axios-mock-adapter)
• I used reselect in order to remove useless filter operations (data is now filtered only when dataset or text is changing)