Block Brawl 🪐

https://block-brawl-c520f9fef2b3.herokuapp.com/

General Game Description

🌟 Dive into the Fun-Filled World of Block Brawl! 🌟

• Blocky Battles

  Navigate through mazes and dodge obstacles. Engage in strategic gameplay within a blocky world.

• Colorful Chaos

  Each level offers new challenges and fun. Features bright colors and engaging designs.

• Block-Brawl currently supports 2 to 3 players.

Control and Rules

Key	Action
↑	Move up
↓	Move down
←	Move left
→	Move right
Space	Place or break blocks

Login

• New players are required to register to access the game.

• Players must re-login after 7 days for continued access.

Create or Join a Room

• Click 'Create Room' and enter your username.

• Join a room using the room code and your username.

Host Room-Monster

• In the HOST ROOM, the host can select the style of the Monster and the game mode. There are three Monster roles and two different map difficulties to choose from.

• Initially, the chat room displays a 'waiting' avatar. Once a user clicks 'Ready', the avatar changes to the selected character.

• Players can communicate with each other within the chat room.

• The host room needs to provide the room code to other players.

Player Room-Alien

• In the PLAYER ROOM, players can select the style of the Alien. There are four Alien roles available for selection.

• Initially, the chat room displays a 'waiting' avatar. Once a user clicks 'Ready', the avatar changes to the selected character.

• Players can communicate with each other within the chat room.

• To join a PLAYER ROOM, a room code must be provided.

Game Map

• Aliens have the ability to place and break blocks, but they cannot destroy indestructible obstacles.

• Monsters are unable to place blocks, but they can break all types of blocks, including indestructible obstacles.

LeaderBoard

• If monsters capture all aliens, the monsters win.

• Aliens achieve victory by collecting all energy sources.

• In case the time runs out and the monsters have not captured all aliens, and the aliens have not collected all energy sources, the game ends in a draw.

Tech Stack

Frontend

• React
• Tailwind CSS

Backend

• Node.js
• Express

Real-Time Communication

• Socket.IO

Installation Guide

• Clone the Repository

  First, clone the repository to your local machine using Git.

• Install Client Dependencies

  Navigate to the client directory and run npm install to install all necessary dependencies for the client side.

• Install Server Dependencies

  Similarly, navigate to the server directory and run npm install to install dependencies for the server side.

• Start the Application

  Start the client application: npm run start

  Start the server: npm start