Tetris is a browser-based version of the classic block-stacking game, built with React and deployed on Vercel. It recreates the familiar gameplay loop of moving, rotating, and clearing falling pieces directly in the browser.

Classic game mechanics

The project focuses on the core parts that make Tetris work: a game board, falling tetromino pieces, collision detection, line clearing, score progression, and keyboard controls. Even though the idea is simple, it is a good exercise in state management and game logic.

React as the game engine

Building the game in React meant translating a real-time game loop into component state, hooks, rendering updates, and user input handling. It was a useful way to practice interactive UI logic beyond normal forms, pages, and static components.

Deployed demo

The game is deployed on Vercel as a live demo, so it can be played directly in the browser without any setup. It is a small project, but a fun one because the result is immediately interactive.