Giter VIP home page Giter VIP logo

scheng20 / gomoku-online Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 12.09 MB

An online multiplayer port of the classic 2-player board game: Gomoku. Built using React.js, Node.js, Express.js and Socket.io.

Home Page: https://gomoku-online.netlify.app/

HTML 3.09% CSS 1.07% JavaScript 71.75% SCSS 24.10%
web-game gomoku socket-io react node express bootstrap heroku-hosting netlify-hosting fullstack

gomoku-online's Introduction

Gomoku Online

An online multiplayer port of the classic 2-player board game: Gomoku, built using React.js, Node.js, Express.js and Socket.io.

Play the live version of the game here!

⭐ Introduction

Growing up, one of my favourite board games was Gomoku. I have lots of fond memories playing against family and friends in this simple yet satisfying game. After the COVID-19 pandemic hit in 2020, I really began to feel the isolation from my friends and family. Inspired to combat this physical distance in my social circles, I decided to create an online version of Gomoku, allowing me to play against my family and friends no matter where they are located.

Although this may be a simple 2-player game, it holds a special place in my heart, and I hope that it will bring joy to anyone else who happens to use this game as a source of connection with others. ☺️

✨ Features

  • Interactive web game version of Gomoku

    • Say good-bye to the days of physical stones and boards!
  • Real-time, live multiplayer interactions

    • With the help of socket.io, all moves played by one player will be immediately reflected on the other player’s screen.
    • The goal is to make it feel like you are playing against your friend as if they were sitting right across from you.
  • Join or create your own rooms

    • Easily create your own room with the automatic generation of a unique 6-digit code.
    • Share this code with your desired friend/opponent using the built-in clipboard copy button.
    • Either player can start the game when both players have joined the room.
  • Individualized connections

    • With the use of socket.io, the backend is able to send individualized information to each client.
    • This ensures that each client receives only the information that they need to see, nothing more, nothing less.

💻 Tech Stack

🙌 Online Multiplayer Version

You can play the live multiplayer version of the game here!

The game is currently hosted using Netlify and Heroku.

👋 Local 2 Player Version

To run the local 2 player version of the game, please follow these steps:

  1. Download/clone the Local 2 Player release of this repository
  2. Navigate to the root directory
  3. Run npm install
  4. Run npm start
  5. Visit http://localhost:3000/ and enjoy the game locally!

gomoku-online's People

Contributors

scheng20 avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.