README.md

Client

Introduction

The client consists of an Ionic application which holds one of the best stacks of Single Page Applications (SPA) you can get: Angular with TypeScript.

Setup new project

1. download and install nodejs
2. install ionic with npm i -g ionic
3. create skeleton ionic start client sidemenu
4. install and setup Apollo GraphQL

Download schema and generate TypeScript objects of queries

1. execute npm i -g apollo
2. download schema apollo schema:download --endpoint=http://localhost:8080/graphql schema.json
3. place queries inside *.graphl files
4. generate TypeScript objects apollo codegen:generate --schema=schema.json --target=typescript --addTypename

Start

1. call npm run start to start the client

Issues

• After registration of GraphQL in app.module.ts.
  • #1 - fixed it: apollographql/graphql-subscriptions#83 --> Add "lib": ["esnext.asynciterable"] in tsconfig.json
  • #2 - fixed it: graphql-hive/graphql-yoga#310 --> Update TypeScript to [email protected]