sh

Tetris: Block-Stacking Adventure

ReactJS
Typescript
CSS

Project Purpose & Goal

In a world filled with complex and demanding video games, "Tetris: A Block-Stacking Adventure" emerged from a simple desire: to recreate the joy and challenge of a game that has fascinated players for decades. The purpose of this project is not just to pay homage to the classic Tetris but also to provide an engaging and captivating gaming experience for players, both old and new. The primary mission was to ensure that this timeless game would continue to entertain and challenge generations to come.

Tetris: Block-Stacking Adventure

Tech Stack Explanation

Our choice of technology stack was deliberate, aiming to strike a balance between performance and user experience. React, a popular JavaScript library for building user interfaces, was the cornerstone of our development. Its component-based architecture allowed us to create a responsive and dynamic interface, perfectly suited for a fast-paced game like Tetris. The game's design was meticulously crafted to be visually appealing and intuitive. We ensured that it seamlessly adapted to various screen sizes, from desktop monitors to mobile phones, guaranteeing a consistent and enjoyable experience for players on any device.

Problems & Thought Process

While writing this web-based game, I had to brush up matrix operations. The functionalities such as rotating a tetromino for example uses the matrix transpose operation. It was fun but challenging to visualize all the interactions with the tetromomino in mathematical terms.

Lessons Learned

Throughout the development journey of "Tetris - A Block-Stacking Adventure", I brushed up the concepts of React Hooks and learned a lot about developing game with React and the mindset behind it. Got to know a ton about the game itself. Though Tetris is a classical game, gettting all the basic features all right was definitely the biggest achievement.