Asynchronouschess

Play chess with a friend, play whenever you want!

⚠️ Reload the link a couple time if the app is not connecting, it will wake up, it's free hosting in the end! 💰💰💰

https://asynchronous-chess.herokuapp.com/

Asynchronous Chess!

Play

Board, move by clicking a piece and then to the desired position:

Start:

Create:

Load:
Moves can be made by touch or by selection from a list:

Angular Cli

This project was generated with Angular CLI version 8.0.2.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

Heroku

The project uses the MEAN stack, the app is an Angular Web App with a NodeJS API and a Mongo mLab Heroku sevice.

File package.json: from:

"start": "ng serve",

to:

"start": "node server.js",

File main.ts, added:

import './polyfills.ts';

Install libraries and save the dependencies to our package.json file so that they will also be installed when we deploy the application to Heroku:

npm install mongodb express body-parser --save

When creating a mLab add-on, the database connection URI is stored as a config var accessible in Node.js code as process.env.MONGODB_URI.

Item class: MongoDB by default creates an _id ObjectId field for each document that is inserted into the database.

Install the Angular CLI so that remote Heroku deployment can use it:

npm install --save @angular/cli @angular/compiler-cli

Added in package.json:

"postinstall": "ng build --output-path dist"

Copy from dev dependencies to dependencies:

"@angular/cli": "^8.0.6",
"@angular/compiler-cli": "^8.0.3",

Notes

Note that ng serve is serving the node server.js API wich is the one exsposing /dist folder.

API

Post an item on the API:

Content-Type: application/json
POST https://<project-name>.herokuapp.com/api/item
{"name":"mLab Support","email":"support@mlab.com"}

Dev

ng serve --configuration=remote

Land on a game using rounting

/{route}/{gameId}

aliceblack/AsynchronousChess