Skip to content

Latest commit

 

History

History
 
 

www

README.md

game_of_life_next_gen/www

Conway's Game of Life meets Web Technologies

Screen Shot

Features

Design

  • Designed UI from scratch. Design file with Figma
  • Dynamic screen color easily buries icons and letters. Carefully configured their colors efficiently using Storybook.

Development

  • Built faster development environment using pnpm/esbuild/vite.
  • High test coverage with efficient writing with AI. Test coverage
  • Testing and deployment automatically run on GitHub Actions.

How to Use

Prerequisites

You can use any other package manager like npm, yarn,...etc. But I chose pnpm for this project(That's why you can find pnpm-lock.yaml in the root directory). If you are willing to follow, please install pnpm first.

Run locally

  1. Run pnpm dev
  2. Open http://localhost:8000 with your browser.

Additional configuration

Alive Cell Base options on Game Rules panel, which determines which cells are alive at start, can be 1 - 10 by default. You can change this to your preference like 1 - 20 by adding .env file in this directory with content ALIVE_CELL_BASE_OPTIONS=20.

Screen Shot

Run Storybook

  1. Run pnpm storybook
  2. Open http://localhost:6006(maybe automatically) with your browser.

Run tests

  1. Run pnpm test

Appreciation

On top of the great developers contributed to any cool libraries I used for this project, I additionally want to say thank you for the author of Play font, Jonas Hecksher. This won't be finished without your work!