Life: The Game 👾

A JavaScript-based implementation of Conway's Game of Life with a UI available at https://victornguyen.github.io/life

Quick start

To run the project locally:

$ npm i
$ npm start
// Then go to http://localhost:3000

There aren't many tests, but you can run them with:

$ npm test

Development notes

• The bits you're probably most interested in are in /src/utils/
• Used React to demonstrate I can use React (given the role)
• Although using <canvas> to render the board might've been more suitable
• Used Create React App to bootstrap the project to minimise time spent on scaffolding
• As a result, the CSS implementation is pretty rudimentary (no pre-processing or CSS Modules), not that this needed anything more
• Used a 2D array to store cell data because traversing rows and columns seemed natural that way. But as an absolute representation of each cell, a flat array of objects [ { x:0, y:0, live:true }, ... ] might've been more explicit.
• Originally completely missed the "Any dead cell with exactly three live neighbours becomes a live cell, as if by reproduction" part of the rules until this morning while I was doing the README 😅 It's in there now.

Roadmap / wishlist

• Adjustable the board size
• More tests
• A slider to adjust the ratio of live to dead cells when a new board is generated
• <canvas> to render the board
• A timer?