Tetris Multiplayer Game

Tetris Multiplayer is a fullstack web application that allows users to play the classic game of Tetris either solo or against friends in real-time multiplayer mode

Tech Stack

Frontend - React + TS + vite app. React Router was used for navigation
Backend - Express + TS and Websockets using ws library for real-time communication in multiplayer mode

Getting Started

• Clone the repository https://github.com/NatsuDrag9/tetris-multiplayer.git
• Open a terminal and navigate to the frontend dir cd frontend
• Create a .env file in frontend with the following environment variables:
  • VITE_DEV_ENV=development
  • VITE_WEB_SOCKET_URL="ws://localhost:3000"
  • VITE_BASE_URL="http://localhost:3000"
• Open another terminal and navigate to the backend dir cd backend
• Start the server by executing yarn run dev in both terminals

Documentation

Potential employers / recruiters, please visit here

Developers, please visit here

Players / gamers, please visit here

For those who have spare time, please visit here

Credits and References

This application is my extention to Thomas Weibenfalk's How to build Tetris in React tutorial. Link to the repo. While I drew inspiration from Thomas Weibenfalk's Tetris tutorial, I expanded upon it by introducing real-time multiplayer capabilities. By integrating Websockets and developing a backend server with Express and TypeScript, I added a new layer of gameplay, allowing users to compete against friends in real-time. This addition enhances the original single-player experience, offering users a dynamic and interactive multiplayer mode to enjoy together.

• Game background (from Unsplash, Clemen Vrankar).
• Fonts (fontspace):
  • press start 2p by codeman38
  • emulogic by Freaky Fonts
• Application icon from svgrepo
• #programming-help channel of Freecodecamp's Discord server.

Screenshots

Home screen

Gameplay