Play chess with a friend, play whenever you want!
https://asynchronous-chess.herokuapp.com/
Asynchronous Chess!
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:
This project was generated with Angular CLI version 8.0.2.
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.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
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.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via Protractor.
To get more help on the Angular CLI use ng help or go check out the Angular CLI README.
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",
Note that ng serve is serving the node server.js API wich is the one exsposing /dist folder.
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"}
ng serve --configuration=remote
/{route}/{gameId}