https://github.com/ogavashi/react-tetris

Classic tetris game built with React + Vite + TypeScript + SWC
https://github.com/ogavashi/react-tetris

game react swc tailwindcss tetris typescript vite

Last synced: 13 days ago
JSON representation

Classic tetris game built with React + Vite + TypeScript + SWC

• Host: GitHub
• URL: https://github.com/ogavashi/react-tetris
• Owner: ogavashi
• Created: 2023-08-05T11:37:56.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-05T12:14:50.000Z (over 1 year ago)
• Last Synced: 2024-04-20T16:13:45.004Z (7 months ago)
• Topics: game, react, swc, tailwindcss, tetris, typescript, vite
• Language: TypeScript
• Homepage: https://ogavashi.github.io/React-Tetris/
• Size: 91.8 KB
• Stars: 2
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React-Tetris (React + TypeScript + Vite + SWC)

## Description:

Welcome to the Tetris Game Repository built using a powerful stack of technologies - TypeScript, React, Vite, SWC, and Tailwind CSS! Dive into the world of classic gaming nostalgia as you experience the beloved Tetris game in a modern and dynamic environment.

## 🎮 Gameplay Highlights:

Enjoy the addictive gameplay of Tetris, where you manipulate falling tetrominoes to create solid rows without gaps. Challenge your reflexes, strategy, and spatial thinking as you progress through increasing levels of difficulty. With a clean and intuitive interface, the game ensures a seamless and enjoyable user experience.

![TC Preview](https://i.ibb.co/zny2r5H/image.png)

## 🚀 Cutting-edge Tech Stack:

This repository demonstrates the fusion of cutting-edge web technologies:

- **TypeScript:** Benefit from the robustness of statically typed JavaScript, ensuring a more reliable and maintainable codebase.

- **React:** Harness the power of React to create modular and reusable components, facilitating the development of a responsive and interactive user interface.

- **Vite:** Experience rapid development and fast hot-reloading with Vite, the next-generation build tool.

- **SWC:** Leverage the SWC compiler for lightning-fast JavaScript/TypeScript transformations, enhancing the overall performance of your Tetris game.

- **Tailwind CSS:** Craft stylish and responsive designs effortlessly using the utility-first approach of Tailwind CSS, resulting in a visually appealing gaming interface.

![TC Preview](https://i.ibb.co/rvGxndW/image.png)

## 🛠️ Getting Started:

Clone this repository to your local machine and follow the straightforward setup instructions provided in the documentation. Customize the game's visuals, mechanics, and settings to your liking, thanks to the modular architecture and well-structured codebase.

## 🌟 Features:

Fluid controls for seamless gameplay, ensuring an engaging and satisfying experience.

Innovative scoring system, line clears, and level progression, bringing depth to the game's challenge.

Responsive design that adapts perfectly to various screen sizes.

## 🤝 Contribution:

Contributions are more than welcome! Whether you're an experienced developer or just starting your coding journey, you can help improve this Tetris Game project. Feel free to submit bug reports, suggest enhancements, or even implement new features.