Skip to content

Sebastion-Vigil/react-christmas-lights

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Christmas Lights

App-Image

Tier: 1-Beginner

The ChristmasLights application relies on your development talents to create a mesmerizing light display. Your task is to draw seven colored circles in a row and based on a timer change the intensity of each circle. When a circle is brightened it's predecessor returns to its normal intensity.

This simulates the effect of a string of rippling lights, similar to the ones displayed during the Christmas Holidays.

User Stories

  • User can press a button to start and stop the display
  • User can change the interval of time controlling the change in intensity

Bonus features

  • User can select the color used to fill each circle
  • User can specify the intensity value
  • User can change the size of any circle in the row
  • User can specify the number of rows to be included in the display. From one to seven rows can be chosen

Useful links and resources

Example projects

PureCSSChristmasLights

About

Scintillating iridescence; Keeping Christ in Christmas

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors