reactgular / tetromino

Block merging game built with React, Redux and Tailwind.

Home Page:https://reactgular.github.io/tetromino/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tetromino

gameplay

A tetris-style game created with React, Redux and TailwindCSS.

What is it?

For those of you not familiar with Tetris, it's a game where you drop tetromino shapes to create solid rows to score points. Blocks fall faster as you increase the level. If there is no more room to drop blocks, then the game is over.

Why build it?

Wanted to challenge myself to build a Tetris game using just DOM elements. There are no SVGs or <canvas> graphics anywhere in the game.

All graphics are rendered as React functional components, and the game logic is handled by a Redux reducer.

Where is it?

Online demo: https://reactgular.github.io/tetromino/

How to get it?

Clone and run it locally.

git clone https://github.com/reactgular/tetromino
cd tetromino
yarn install
yarn start

About

Block merging game built with React, Redux and Tailwind.

https://reactgular.github.io/tetromino/


Languages

Language:TypeScript 94.5%Language:CSS 2.9%Language:JavaScript 1.6%Language:HTML 0.9%Language:Shell 0.1%