Skip to content

lukaszsobek/color-picker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Color Picker with:

JavaScript, ES6, React, JSX, Redux, Jest

Working version

https://lukaszsobek.com/repo/color-picker/

color_picker_thumbnail

Can do:

  • Can load remote suggestion file with a 5 second delay
  • Can see "loading" while remote file is being fetched
  • Can pick colors from fetched list
  • Can use suggestions after 2 characters
  • Can apply selected color to background with a 50% opacity
  • Can only submit after remote data file is loaded

Clone the repo, and then:

  • yarn start - starts dev server with auto update and lint
  • yarn test - starts tests with auto update
  • yarn build - creates production build

Test coverage:

App render, actions, components, reducers

Note:

The state handling is separated into two parts:

  • global state (available colors, modal state, fetch status) are handled by redux
  • local state (text input, filtered list) by react state

About

React/Redux app to pick colors from externally fetched data source

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published