jonmaciel / conways-ui

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Conway's Game of Life - React Interface

This project is a web interface for Conway's Game of Life, implemented using React. Users can create boards, import initial states from CSV files, and advance generations to simulate the game's behavior.

Backend repo

Table of Contents

Features

  • Create a new board using a CSV upload.
  • Display live cells and dead cells in a grid format.
  • Advance to the next generation with a button click.
  • View the details of each board and its generations.

Technologies Used

  • React: For building the user interface.
  • React Router: For handling routing between pages.
  • CSS: For styling the application.
  • Ruby on Rails: As the backend API for managing boards and generations.

Installation

  1. Install the required packages:

       npm install
  2. Start the React application: :

       npm start
  3. Make sure your Ruby on Rails backend is running.

CSV sample

1,0,1,0,0,1,0,1,0
0,1,0,1,0,0,1,0,1
0,0,1,0,1,0,0,1,0
1,0,1,0,0,0,1,0,0
0,1,0,1,1,0,1,0,1
1,0,0,0,1,1,0,0,1
0,0,1,0,1,0,1,1,0
1,0,0,1,0,0,1,0,1
0,1,0,0,1,0,1,0,0

Result:

image

image

About


Languages

Language:JavaScript 67.9%Language:HTML 16.8%Language:CSS 15.3%