Skip to content

joeaoregan/Connect5-JS-WebApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Connect 5

Joe O'Regan

5 in a row game using JavaScript and Node.js.

Play App on Render.com

Screenshots

Click here for larger images, or individual thumbnails to go to raw images.

Connect 5

Connect 5

Connect 5: Tooltip

Tooltip

  • Single device and multiplayer / multiple device communication working (See Heroku link).
  • Different games can take place at the same time.
  • Opponent move is highlighted
  • Added chat feature
  • Added tooltip to indicate when messages were sent/received

Other Versions

Click to expand

Play the game

Click to expand

Instructions

Click to expand

Play
  • Player 1 creates a game and is assigned a Game ID
  • Player 2 enters game ID from Player 1 to join game
  • Player 1 goes first
  • Winning 5-in-a-row is highlighted when game is won
  • Head-to-head scores are kept
  • If Player 1 (Host) leaves a room the game returns to start screen for both players
  • If Player 2 (Challenger) leaves room, game resets and another player can be invited
  • Press reset to reset the game at any time, or restart when game has been won

Install

Click to expand

  1. Download and unzip project
  2. Install Node.js
  3. Initialise NPM (from root directory type the following commands in command prompt)
npm init npm install --save express socket.io 
  1. Run the server
node server.js 
OR
npm start 
  1. navigate to http://localhost:3000 (Server will run on localhost '127.0.0.1' port: 1337)

Links / References

Turn-based game tutorials

Some links I found helpful:

  1. HackerNoon: How to build a Multiplayer Browser Game (Part 1)
  2. JavaScript Tic Tac Toe Tutorial
  3. Simple Multiplayer Tic-Tac-Toe Game using Angular, Node.js, and socket.io rooms
Node.js
  1. Node.js Essential Training (LinkedIn Learning)
  2. NodeSchool
  3. Node.js Download
  4. w3schools

About

Connect 5 multiplayer game with Server side logic in JavaScript using Node.js. Playable Web App on Render.

Topics

Resources

Stars

Watchers

Forks