Tetromino

Overview

Tetromino Gameplay is a Tetris-style game created with React, Redux, and TailwindCSS. In this game, players drop tetromino shapes to create solid rows and score points. As the levels increase, blocks fall faster, adding to the challenge. The unique aspect of this game is that it is built using only DOM elements without any SVGs or <canvas> graphics. All graphics are rendered as React functional components, and the game logic is managed by a Redux reducer.

Features

• Tetris-Style Gameplay: Drop tetromino shapes to form solid rows.
• Increasing Difficulty: Blocks fall faster as the game progresses through levels.
• DOM-Based Graphics: All graphics are rendered using React functional components.
• Redux Integration: Game logic is handled by a Redux reducer.

Installation

To run Tetromino Gameplay locally, you can follow these steps:

• Clone the repository from the GitHub link provided: https://github.com/reactgular/tetromino
• Install the necessary dependencies using npm or yarn:

  npm install
  

  or

  yarn install
  

• Start the local server to run the game:

  npm start
  

  or

  yarn start
  

Summary

Tetromino Gameplay is an engaging Tetris-style game built with React, Redux, and TailwindCSS. By leveraging DOM elements for graphics and Redux for game logic, it offers a unique twist on the classic gameplay experience. Players can enjoy the challenge of increasing difficulty levels as they strive to score points by forming solid rows with tetromino shapes. Run the game locally by following the installation guide provided above.