Feature: Add Color Cycle application specification

Add Color Cylce application specification

Resolves: N/a
See also: N/a
pull/11/head
jdmedlock 6 years ago
parent 4a69add26e
commit 64ea8fbf8e

@ -0,0 +1,40 @@
# ColorCycle
The use of color plays a major role in an applications User Interface and
User Experience (UI/UX). ColorCycle seeks to help WebDev's better understand
RBG colors by making small changes to a colored box over time.
This app draws a box filled with a user specified color and makes small changes
over time also based on user input. In otherwords, from cycles through
changes to the originally specified color. These changes allow the user to
experience the visual impact different changes to the individual parts of
an RGB color specification (e.g. `#000000` color code).
## User Stories
- [ ] User can specify a starting fill color as a six hexadecimal standard
CSS color code in three individual components of two digits each - red,
blue, and green.
- [ ] User can specify an increment value for each color component that will
be added to that component every .25 second.
- [ ] User can see the box containing the fill color change every .25 seconds.
- [ ] User can only change the color components and their increments when
the app is stopped.
- [ ] User can start and stop the fill operation using a button whose name
changes to 'Start' when stopped and 'Stop' when started.
- [ ] User will recieve an warning if something other than hexadecimal digits
are entered for the color components.
## Bonus features
- [ ] User can change the time interval between color changes.
- [ ] User can specify the color encoding format used from RGB to another
format like HSL.
## Useful links and resources
[CSS Color Codes](https://www.quackit.com/css/css_color_codes.cfm)
## Example projects
[CSS Color Changing Background](https://codepen.io/SoumyajitChand/pen/wjKVed)

@ -28,6 +28,7 @@ Each project has the following **features**:
| [Bin2Dec](./Projects/Bin2Dec-App.md) | | [Bin2Dec](./Projects/Bin2Dec-App.md) |
| [Book Finder App](./Projects/Book-Finder-App.md) | | [Book Finder App](./Projects/Book-Finder-App.md) |
| [Christmas Lights](./Projects/Christmas-Lights-App.md) | | [Christmas Lights](./Projects/Christmas-Lights-App.md) |
| [Color Cycle](./Projects/Color-Cycle-App.md) |
| [Flip Image](./Projects/Flip-image-App.md) | | [Flip Image](./Projects/Flip-image-App.md) |
| [Kudos Slackbot](./Projects/Kudos-Slackbot.md) | | [Kudos Slackbot](./Projects/Kudos-Slackbot.md) |
| [Markdown Previewer](./Projects/Markdown-Previewer.md) | | [Markdown Previewer](./Projects/Markdown-Previewer.md) |

Loading…
Cancel
Save