carolinehoang / psycolor Goto Github PK

Possible reference for getting time elapsed:
https://stackoverflow.com/questions/41632942/how-to-measure-time-elapsed-on-javascript

Alternatively, figure out how to set a count of times that this component will re-render. Will likely involve passing and incrementing a number prop that will detail the number of times/rounds we've played.

Note to self: returning the setTimeout() function in {this.waitBox(this.showBox )} returns an incrementing number on the left hand side of the screen anyways. We might just use this unexpected functionality for count.

Was this color in the grid?

Random number generator.
If yes, use another random number generator to choose a color in the grid array to show, if not generate a totally different color:

Note: need to consider how generous or tough we will be. Will we accept answers for the same color if it's in a certain small spectrum or only if it's identical down to the code?

Show the swatch above the buttons.

May need to highlight a particular square of the grid that it might correspond to.
This involves only style component props and passing in values for a changed border color/ glow effect.