• Stars
    star
    32
  • Rank 801,539 (Top 16 %)
  • Language
    JavaScript
  • Created over 6 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Recreation of a childhood game on mern-stack

Dot-Connect Game

A turn based two player game built on MERN stack technologies.

Available to play here.

Read the development story here.

Run this on your own machine

You will need to have node, npm and yarn installed.

# First clone this repository with git
git clone https://github.com/sjsakib/dot-connect.git

# Then move inside the project, install the client side dependencies and run the front-end
cd dot-connect
yarn install
yarn start

# Now open a new shell window and move to the server folder
# and install the server side dependencies and run the server
cd server
yarn install
yarn start

An internet connection is required for the app to work. Because it uses a sandbox database instance from mlab instead of local installation of Mongo.

Rules of the game

The game starts with a grid of dots. Each player in turn connects two dots vertically or horizontally. If this connection makes a box, he gets a point and another move. No move can be passed. When the grid is complete, the player with most points wins.

Technologies used

Key technologies used are react, react-redux, react-router, socket.io-client in the frontend and Node, Express, Mongo, Mongoose, socket.io in the backend.

Feature

The main feature is to be able play the game online against a friend. Link of the game can be sent after creating a new game. Anyone with that link can join the game. If the Anyone can join option is checked while creating the game, anyone can join the from the available game list.

The on-going games can be watched live.

Users can sign-in using facebook to save their game progresses, and score. Top players are shown in a list under Top player.

Here are few screenshots of the game.

Home page

The home page

Create a game

Create a game

Waiting for opponent

Waiting for opponent

Join a game

Join a game

On going

A game going on

Top chart

Top chart

More Repositories

1

cfviz

Visualizes user data from codeforces.com using the official API
JavaScript
1,028
star
2

own-nestjs

Building a nestjs like framework on top of express under 180 lines
TypeScript
27
star
3

cs

Files related to my CS self study
Java
18
star
4

gold-price

Daily updated Gold price history in Bangladesh. Visualised with per gram and per bhori prices.
TypeScript
9
star
5

ABPBloodBank

A blood donor management app with react native and firebase
JavaScript
8
star
6

psbook

সমস্যা ও সমাধান বই - ১ এর উপর অনুশীলন ( Practice code for Problem and Solutions Book - 1 by Mahbubul Hasan )
C++
7
star
7

fire-adda

A simple react project to demonstrate firebase
JavaScript
4
star
8

package-cloud

Vue app that creates word cloud of the packages you've used in your JavaScript projects hosted on GitHub
JavaScript
4
star
9

psbookprogress

This is a small web app to track progress of the book সমস্যা ও সমাধান বই - ১ by @shanto86
Python
4
star
10

blog

My blog and portfolio
JavaScript
3
star
11

Dingulu

An android app that helps you know yourself better
JavaScript
2
star
12

unsplash-dbg

Use unsplash.com images as desktop background
Python
2
star
13

react-native-animation-gesture-playground

Code of my playing around with react native gesture and animation
TypeScript
1
star
14

Bani

A messenger bot built with python web.py
Python
1
star
15

mqtt-vs-socketio

HTML
1
star
16

lightoj-solutions

LightOJ solutions scraped with scrapy
Java
1
star
17

pdf-viwer-demo

CSS
1
star
18

strava-personal-heatmap

JavaScript
1
star
19

MakeThemFallTheGame

This is a simple game made with Processing and JBox2D.
Processing
1
star
20

name-the-code

A quiz app where you have to guess the data structure or algorithm reading the code. Built with SSR (Next.js)
TypeScript
1
star