Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/xmlking/connect4

Connect 4️⃣Game
https://github.com/xmlking/connect4

angular material-design nestjs ngxs nrwl-nx postgres socket-io

Last synced: about 1 month ago
JSON representation

Connect 4️⃣Game

Host: GitHub
URL: https://github.com/xmlking/connect4
Owner: xmlking
Created: 2018-12-27T21:22:16.000Z (about 6 years ago)
Default Branch: master
Last Pushed: 2023-01-24T03:22:05.000Z (almost 2 years ago)
Last Synced: 2024-05-01T20:22:01.820Z (8 months ago)
Topics: angular, material-design, nestjs, ngxs, nrwl-nx, postgres, socket-io
Language: TypeScript
Homepage:
Size: 3.82 MB
Stars: 4
Watchers: 3
Forks: 3
Open Issues: 37
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Connect 4

Connect 4 is a multiplayer board game implemented with **Angular** and **NodeJS** 

Showcase **state** synchronization between players and backend using [CQRS](https://martinfowler.com/bliki/CQRS.html) pattern powered by [NGXS](https://ngxs.gitbook.io/ngxs) and [Socket.IO](https://socket.io/)

* Frontend - *Angular*

* Backend - [NestJS](https://nestjs.com/)

* Database - *PostgreSQL*

## Quick Start

```bash

docker-compose up postgres

ng serve api

ng serve webapp

```

### URLs

* API: http://localhost:3000/api

* API WebSocket: ws://localhost:3000/eventbus

* API Docs: http://localhost:3000/docs

* WebApp: http://localhost:4200

[![Connect 4 Game](./media/connect4_match.png)](https://youtu.be/vLRkDdEW7ZI "Connect 4 Game - Click to Watch!")

![Start Game](./media/connect4_start.png)