The Game of Life

React Project | HTML, CSS, JS (React)

A project I did for my Front End Development course at RRCP. Built entirely in React, it simulates the game in your browser with an interactable grid and parameters you can set such as the time between each new generation of cells, the ability to change the size of the board, various control buttons that allow you to stop/play new generations, clear the current generation and randomly populate the board. 

The Game of Life, also known simply as Life, is a cellular automaton devised by the British mathematician John Horton Conway in 1970. It is a zero-player game, meaning that its evolution is determined by its initial state, requiring no further input. The rules are as follows: 

  • Any live cell with fewer than two live neighbours dies, as if by underpopulation.

  • Any live cell with two or three live neighbours lives on to the next generation.

  • Any live cell with more than three live neighbours dies, as if by overpopulation.

  • Any dead cell with exactly three live neighbours becomes a live cell, as if by reproduction.

Image not found


Selected Works

RetropunkPHP Group Project

ClearlyGroup UI Design

PaintingDigital Painting

Pokedex PageInteractive Web Page

Game of LifeReact Project

Figma FlowersImage Editing

LogoPersonal Design