codyjamesbrooks / connect-4 Goto Github PK

Need to update the layout for different medias.
Mostly small ones. Right now I have the grid capped so that it cant expand past 1001px.

This may involve reworking the gameSpace circles. They are fixed at 11vmin right now, But may need to rework that.

Refactor tokenFallToBotten so that it is doing less.

Right now it grabs the lowest empty game space, and shifts it to the top of the array. Then it performs a check to see if the new column looks the same as the column that it started with, if it is it clears the interval and check to see if that results in 4 in a row, if it isn't it calls a setState to reflect the new state (produces sliding effect).

Break this up into three different functions.
One to move the token. One to clear interval and check game status, One to Perform the state update if necessary

Fade should indicate whose turn it is.

Right now the only thing that displays whos turn is the hover token.
Also probably a good idea to add some conditional styling to the Connect4 Banners - Something like blurring and lighting up the border.