{"id":22444867,"url":"https://github.com/whispernet/multiplayer-game-with-js","last_synced_at":"2026-04-10T01:07:50.139Z","repository":{"id":238257933,"uuid":"796195926","full_name":"WhisperNet/multiplayer-game-with-js","owner":"WhisperNet","description":"This multiplayer game project was a fantastic learning experience, focusing on socket programming, server-client architecture, and multi-user environments. It features real-time player movement, collision detection, and a leaderboard. ","archived":false,"fork":false,"pushed_at":"2024-06-25T18:43:21.000Z","size":25,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-01T15:27:06.778Z","etag":null,"topics":["canvas","express","javascript","node-js","socket-io"],"latest_commit_sha":null,"homepage":"https://www.youtube.com/watch?v=v28cxluJgAk","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/WhisperNet.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-05-05T08:20:10.000Z","updated_at":"2024-07-28T09:17:39.000Z","dependencies_parsed_at":"2024-06-25T20:36:32.026Z","dependency_job_id":"14e4fe8c-644c-4d91-a231-62eab8379810","html_url":"https://github.com/WhisperNet/multiplayer-game-with-js","commit_stats":null,"previous_names":["whispernet/multiplayer-game-starter-main","whispernet/multiplayer-game-with-js"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WhisperNet%2Fmultiplayer-game-with-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WhisperNet%2Fmultiplayer-game-with-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WhisperNet%2Fmultiplayer-game-with-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/WhisperNet%2Fmultiplayer-game-with-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/WhisperNet","download_url":"https://codeload.github.com/WhisperNet/multiplayer-game-with-js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245832612,"owners_count":20679701,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","express","javascript","node-js","socket-io"],"created_at":"2024-12-06T03:10:35.533Z","updated_at":"2025-12-30T23:23:28.114Z","avatar_url":"https://github.com/WhisperNet.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Multiplayer Game with JS\n\nWelcome to my multiplayer game project repository! This project was a significant learning experience where I explored socket programming, server-client architecture, and multi-user environments. You can view a demo of this game [here](https://youtu.be/v28cxluJgAk) .\n![image](https://github.com/WhisperNet/multiplayer-game-with-js/assets/83389896/bb7fda96-378e-403a-9db5-4d94121abdef)\n\n## Table of Contents\n\n- [Introduction](#introduction)\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Installation](#installation)\n- [Lessons Learned](#lessons-learned)\n\n## Introduction\n\nThis project is a multiplayer game developed from scratch. It covers various aspects of game development, from setting up the game to adding unique player attributes, implementing player movement, handling projectiles and collisions, creating a leaderboard, and more. The project culminates in pushing the game live and setting up a domain name.\n\n## Features\n\n- **Player Connection and Disconnection**: Manages multiple players connecting and disconnecting seamlessly.\n- **Unique Attributes and Usernames**: Assigns unique attributes and usernames to each player.\n- **Real-time Player Movement**: Implements smooth player movement and interactions.\n- **Projectiles and Collision Detection**: Handles shooting projectiles and detecting collisions.\n- **Leaderboard**: Displays a leaderboard to track player scores.\n\n## Technologies Used\n\n- **HTML5**: For structuring the game interface.\n- **CSS3**: For styling the game elements.\n- **JavaScript**: For game logic and client-side interactions.\n- **Node.js**: For the server-side logic.\n- **Socket.IO**: For real-time communication between the server and clients.\n\n## Installation\n\nTo run this project locally, follow these steps:\n\n1. **Clone the repository**:\n    ```sh\n    git clone https://github.com/whispernet/multiplayer-game-with-js.git\n    ```\n\n2. **Navigate to the project directory**:\n    ```sh\n    cd multiplayer-game-with-js\n    ```\n\n3. **Install dependencies**:\n    ```sh\n    npm install\n    ```\n\n4. **Start the server**:\n    ```sh\n    node backend.js\n    ```\n\n5. **Open your browser and navigate to**:\n    ```\n    http://localhost:3000\n    ```\n\n\n## Lessons Learned\n\nThroughout this project, I gained valuable insights into:\n\n- **Socket Programming**: Learned how to use Socket.IO for real-time communication.\n- **Server-Client Architecture**: Understood how servers and clients interact in a multi-user environment.\n- **Game Logic**: Developed logic for player movement, collisions, and score tracking.\n- **Project Deployment**: Learned how to deploy a project live and set up a custom domain.\n- **Enhanced Interpolation**: Improved the smoothness and responsiveness of gameplay.\n\n---\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwhispernet%2Fmultiplayer-game-with-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwhispernet%2Fmultiplayer-game-with-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwhispernet%2Fmultiplayer-game-with-js/lists"}