gurugu-fcc-projects/fcc_game_of_life

FreeCodeCamp --- Game of Life project

fcc_game_of_life's Issues

FIX --- Settings panel on mobile devices

Right now Setting panel is too big - have to make it smaller.
Also need to make it behave differently in portrait mode - maybe slide out from up top

Refactor Start/Stop Game functionality

too much code now

FIX --- at high speeds game freezes

Convert Gameboard from class to classless component

Color update

At the moment color update runs on every Component state change. I would like it to run only when {color} state changes.

FIX --- mobile dragging

When in mobile mouse drag doesn't work, need to fix this

ENHANCE --- implement grid-based gameboard

I have an idea that grid is a solution to the problems I have with how gameboard is displayed.

TODO --- "Random" button

Add this functionality

Add TDD tests for Clear button functionality

First add tests, and then write the actual code

Convert Gameboard from object into array

looks like using object was a mistake

FEATURE --- cells with different color

When changing color it is not applied to the old cells but only to the new ones. In the end it could lead to cells of many colors being displayed at the same time

Add sliders into Settings menu

Create super cool sliders

Add display boxes for all sliders (first version)

Color change is incorrect

Color displayed on Settings panel differs from the one used on Gameboard

FIX --- optimization

It should rerender only when SIZE state is changes, I should not care about GAMEBOARD or MOUSEDRAG state

FIX --- Gameboard display is faulty

The way Gameboard changes dynamically based on percent values leads to jittery image at high speeds.

FIX --- remove all outer borders from Gameboard

ENHANCE --- mark gameboard cells as "dead" or "alive" directly

At the moment I rewrite the whole gameboard in order to mark cell as ALIVE, but it is worth a try to do 2 things separately, that is --- add/remove ALIVE class directly via DOM (there is already access to the corresponding element in touch-click functions) and mark/unmark cells as ALIVE in state

FIX --- Issue with propTypes (title, handleChange) in Slider Component

If set as Required, they return an error (undefined)

Color Slider

Change cells colors with Color Slider.

Game speed update

Looks like game speed is not changed automatically when the corresponding Slider is used

Add "Clear" button functionality

FEATURE --- run/pause game with Spacebar

TODO --- copyright line

Mobile view

Move icons to the top row in mobile view

FIX --- fix icon hover state in mobile

Fix old tests

Old tests are all broken or deprecated - fix, replace and remove