A Multiplayer Realtime Game where players can create a game server and they can play it with their friends.
So this is a simple competetive game where players compete with each other to color the maximum tiles. The game state gets updated once a player colors a tile just by hovering over it and it gets broadcasted over every other player in the same game server.
- Create a Game ID by clicking 'New Game'.
- Copy the Game ID using the Copy button.
- Paste it in the box ;
- Join the Game ID by clicking 'Join Game'.
- Share the link to your friends and ask them to do steps 3-4 .
- Great! now you are in the game and to play it hover over the tiles, to color them!
####NOTE Game only allows 3 players at max .
##Branches
- Master Branch => with Node Modules and Runnable on local host
- Heroku Branch => without Node Modules(since Heroku don't need it while deploying), but can be downloaded since Package.json is there by running:
npm install
- Figma (Software)
- HTML
- CSS
- JavaScript
- Bootstrap
- Node.js
- Express.js
- WebSockets
Using WebSockets as a communication between client and server, client sends various request to the server based on its various activity.
A request is sent in form of JSON format from the client side and response is sended back from server side also in JSON format in order to facilate the activity .
For every new player joining and creating the new game, a new client ID unique to player and a unique Game ID is generated whose ID is stored in a Map for reterival purposes.
During the gameplay, when the player hovers over the cell ,the game state gets updated for every player by saving the game state in the server and broadcasting it to every other player present in the game .
Pull requests are most welcome. For major changes, please open an issue first to discuss what you would like to change. Please make sure to update tests as appropriate.