street-soccer-multi

KO | EN

gitlite — search

#hacktoberfest #llm #machine-learning #rust #windows #awesome #cli #awesome-list #vue #pytorch #security #openai #mcp #open-source

street-soccer-multi

(★ 13)

Simple Multiplayer football web game.

street-soccer-multi Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

#  <img src="./client/assets/favicon.ico" width="32" /> <a href="http://real-soccer.herokuapp.com/">Real Soccer</a>
---

## Live Hosted on https://real-soccer.herokuapp.com/
![repo size](https://img.shields.io/github/repo-size/bhuvan-byte/street-soccer-multi?style=plastic) ![last commit](https://img.shields.io/github/last-commit/bhuvan-byte/street-soccer-multi) ![contributors](https://img.shields.io/github/contributors/bhuvan-byte/street-soccer-multi)

### Demo

Join Room

![](https://raw.githubusercontent.com/bhuvan-byte/street-soccer-multi/master/client/assets/join.gif)

Settings

![](https://raw.githubusercontent.com/bhuvan-byte/street-soccer-multi/master/client/assets/opts.gif)

Gameplay

![](https://raw.githubusercontent.com/bhuvan-byte/street-soccer-multi/master/client/assets/gameplay.gif)

### Features
---
1. Real Time playing in separate rooms (Implemented by using socket.io)
1. Simple Player Controls (Implemented in vanilla JavaScript)
1. Authoritative Server (Implemented in Nodejs)

### ScreenShots
1. players just joined
<img src="./client/assets/readme/one.jpeg"/>
2. game started (players in set positions, teams assigned)
<img src="./client/assets/readme/start.jpeg"/>
3. Settings
<img src="./client/assets/readme/config.jpeg"/>
4. Team
<img src="./client/assets/readme/teams.jpeg"/>

### Frameworks and Languages
---
<p align="left"> <a href="https://getbootstrap.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/bootstrap/bootstrap-plain-wordmark.svg" alt="bootstrap" width="40" height="40"/> </a> <a href="https://www.w3schools.com/css/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/css3/css3-original-wordmark.svg" alt="css3" width="40" height="40"/> </a> <a href="https://expressjs.com" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/express/express-original-wordmark.svg" alt="express" width="40" height="40"/> </a> <a href="https://heroku.com" target="_blank"> <img src="https://www.vectorlogo.zone/logos/heroku/heroku-icon.svg" alt="heroku" width="40" height="40"/> </a> <a href="https://www.w3.org/html/" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/html5/html5-original-wordmark.svg" alt="html5" width="40" height="40"/> </a> <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/javascript/javascript-original.svg" alt="javascript" width="40" height="40"/> </a>  <a href="https://nodejs.org" target="_blank"> <img src="https://raw.githubusercontent.com/devicons/devicon/master/icons/nodejs/nodejs-original-wordmark.svg" alt="nodejs" width="40" height="40"/> </a>
<img src="https://socket.io/images/logo.svg" alt="socket.io" height="40" /> </p>

### Instructions for playing
---
1. Create or Join Room (Either in some open room by clicking its name in Online Rooms tab or by entering room code in input box)
1. Click the Start/Pause Button
1. Control player movement with w,a,s,d
1. Grab the ball by going close to it
1. Point the shooting direction with mouse pointer
1. Kick the ball with Left Click
1. Refresh the page to go back to home screen

### Instructions for local testing
---
1. `git clone https://github.com/bhuvan-byte/street-soccer-multi.git`
1. `cd .\street-soccer-multi`
1. `npm install`
1. `npm run dev`
1. `It will be running on localhost:8000`

### Upcoming Features
---
1. Live Voice/text Chatting in the room
1. Customisable players
1. Bot players

### Contact Developers
---
[![Linkedin](https://i.stack.imgur.com/gVE0j.png) Bhuvan](https://www.linkedin.com/in/bhuvan1)
[![Linkedin](https://i.stack.imgur.com/gVE0j.png) Raahil](https://www.linkedin.com/in/raahilbadiani)

street-soccer-multi

street-soccer-multi Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

street-soccer-multi

street-soccer-multi Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README