Reactris is a modern, browser-based implementation of the classic Tetris game. Built with React and TypeScript, this project combines clean code with a sleek design to deliver a fun and engaging gaming experience.
- Classic Tetris gameplay: Stack blocks, clear lines, and aim for a high score.
- Responsive design: Play on desktop, tablet, or mobile.
- Upcoming blocks preview: See the next blocks to plan your moves.
- High score tracking: Compete with yourself to beat your best score.
- React: For building the user interface and managing game state.
- TypeScript: For type safety and better developer experience.
- Vite: For fast development and bundling.
To run Reactris locally, follow these steps:
- Clone the repository:
git clone https://github.com/your-username/reactris.git
- Navigate to the project directory:
cd reactris - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and visit http://localhost:5173 to play the game!
-
Move Left: Arrow Left
-
Move Right: Arrow Right
-
Rotate: Arrow Up
-
Soft Drop: Arrow Down
Here are some features planned for future versions:
-
Multiplayer mode
-
Power-ups and special blocks
-
Custom themes and block skins
-
Leaderboard and achievements
-
Mobile touch controls
-
Smooth animations for line clears and game-over effects
-
Customizable controls
Contributions are welcome! If you'd like to contribute to Reactris, please follow these steps:
-
Fork the repository.
-
Create a new branch for your feature or bugfix.
-
Commit your changes.
-
Push your branch and open a pull request.
This project is licensed under the MIT License. See the LICENSE file for details.
Inspired by the classic Tetris game.
Built with love using React, and TypeScript.
Enjoy playing Reactris! If you have any feedback or suggestions, feel free to open an issue or reach out. Happy coding! 🎉