Connect 4 clone with real-time multiplayer

Features

• Real-time multiplayer with Socket.IO
• Custom game options - number of rows, columns, and matches to win
• Spectators links
• Token image and colour customisation
• Token image resized before upload

Screenshots

Room options

Player win

Player turn

Docker

1. Build docker images:
   • docker build -t connect-4-client client/
   • docker build -t connect-4-server server/
2. Run containers:
   • docker run -p 8080:8080 connect-4-server
   • docker run -p 3000:3000 connect-4-client

Docker compose

Example:

version: '2.1'
services:
  connect-4-client:
    image: connect-4-client:latest
    container_name: connect-4-client
    ports:
      - 3000:3000
  connect-4-server:
    image: connect-4-server:latest
    container_name: connect-4-server
    ports:
      - 8080:8080