https://github.com/kevocde/game-life
The Game of Life created by Horton Conway, implemented using Webpack, Lodash and Tailwindcss.
https://github.com/kevocde/game-life
frontend javascript single-page-app tailwindcss webpack
Last synced: about 2 months ago
JSON representation
The Game of Life created by Horton Conway, implemented using Webpack, Lodash and Tailwindcss.
- Host: GitHub
- URL: https://github.com/kevocde/game-life
- Owner: kevocde
- License: mit
- Created: 2017-12-19T05:48:12.000Z (over 8 years ago)
- Default Branch: main
- Last Pushed: 2022-08-06T07:01:04.000Z (almost 4 years ago)
- Last Synced: 2025-06-08T21:37:53.232Z (about 1 year ago)
- Topics: frontend, javascript, single-page-app, tailwindcss, webpack
- Language: JavaScript
- Homepage:
- Size: 590 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
[![MIT License][license-shield]][license-url]
[![LinkedIn][linkedin-shield]][linkedin-url]
Game Of Life
This is one version of my favorite automaton game: Game of Life
originally created by John Horton Conway.
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
### About The Project
This project is my interpretation of the Game Of Life,
with this I only pretend improve my skills in **JavaScript**, **HTML**, **CSS** and **Webpack**.
### Built with
[![Html][Html.com]][Html-url] [![Css][Css.com]][Css-url] [![JavaScript][JavaScript.com]][JavaScript-url]
[![Webpack][Webpack.js.org]][webpack-url] [![Lodash][Lodash.com]][lodash-url]
[![Tailwindcss][Tailwindcss.com]][tailwindcss-url]
### Getting Started
#### Prerequisites
* npm
```sh
npm install npm@latest -g
```
* Any Web Browser
#### Installation
1. Clone the repo
```shell
git clone https://github.com/kevocde/game-life.git -b main
```
2. Install dependences
```
npm install
```
3. Compilate the project
```
npm run build
```
4. Open in your web browser the `dist/index.html` file
### License
Distributed under the MIT License. See `LICENSE.txt` file for more information.
See more about this in [OpenSource MIT Licenses](https://opensource.org/licenses/MIT).
### Contact
Kevin Guzmán (kevocde) - [@kevindanielgu15](https://twitter.com/KevinDanielGu15) - [kevocde@gmail.com](mailto:kevocde@gmail.com)
[contributors-shield]: https://img.shields.io/github/contributors/kevocde/game-life.svg?style=for-the-badge
[contributors-url]: https://github.com/kevocde/game-life/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/kevocde/game-life.svg?style=for-the-badge
[forks-url]: https://github.com/kevocde/game-life/network/members
[stars-shield]: https://img.shields.io/github/stars/kevocde/game-life.svg?style=for-the-badge
[stars-url]: https://github.com/kevocde/game-life/stargazers
[issues-shield]: https://img.shields.io/github/issues/kevocde/game-life.svg?style=for-the-badge
[issues-url]: https://github.com/kevocde/game-life/issues
[license-shield]: https://img.shields.io/github/license/kevocde/game-life.svg?style=for-the-badge&logo=mit
[license-url]: https://github.com/kevocde/game-life/blob/main/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://www.linkedin.com/in/kevocode
[Webpack.js.org]: https://img.shields.io/badge/webpack-%238DD6F9.svg?style=for-the-badge&logo=webpack&logoColor=white
[webpack-url]: https://webpack.js.org
[Lodash.com]: https://img.shields.io/badge/lodash-3492FF?style=for-the-badge&logo=lodash&&logoColor=white
[Lodash-url]: https://lodash.com
[Tailwindcss.com]: https://img.shields.io/badge/tailwind%20CSS-06B6D4?style=for-the-badge&logo=tailwindcss&&logoColor=white
[Tailwindcss-url]: https://tailwindcss.com
[Html.com]: https://img.shields.io/badge/html-E34F26?style=for-the-badge&logo=html5&&logoColor=white
[Html-url]: https://www.w3schools.com/html/html_intro.asp
[Css.com]: https://img.shields.io/badge/css3-1572B6?style=for-the-badge&logo=css3&&logoColor=white
[Css-url]: https://www.w3schools.com/css/
[JavaScript.com]: https://img.shields.io/badge/javascript-F7DF1E?style=for-the-badge&logo=javascript&&logoColor=white
[JavaScript-url]: https://www.w3schools.com/js/