This is a project created for a demonstration of using GraphQL with Angular.
The Powerpoint for the demo is located here
Prerequisites:
Please install Angular-CLI by following these instructions.
Note: Even though it's optional, we recommend you to use yarn instead of npm install
for installing the dependencies.
This demo uses postgraphile for the backend API. which requires a postgres database
git clone https://github.com/syndesis/angular-graphql-demo
cd angular-graphql-demo
# install the project's dependencies
yarn # or run "npm install"
# create a postgres database
createdb demodb
psql demodb < create-roles.sql
psql demodb < demo.sql
# Edit .postgraphilerc.js and configure appendPlugins and connection settings as appropriate
# starts the postgraphile API service
yarn api
# starts the application in dev mode and watches your files for livereload
yarn start-dev
For documentation on the Apollo Angular client, see here
For documentation on the Clarity Design System, including a list of components and example usage, see their website.
.
├── README.md
├── karma.conf.js <- configuration of the test runner
├── package.json <- dependencies of the project
├── protractor.config.js <- e2e tests configuration
├── src/ <- source code of the application
│ ├── app/
│ │ └── component/
│ │ └── <component>.component.html
│ │ └── <component>.component.scss
│ │ └── <component>.component.spec.ts
│ │ └── <component>.component.ts
│ │ └── app.component.html
│ │ └── app.component.scss
│ │ └── app.component.ts
│ │ └── app.e2e-spec.js <- sample e2e spec file
│ │ └── app.module.ts
│ │ └── app.routing.ts
│ │ └── main.ts <- boostrap file for the angular app
│ └── index.html
├── angular-cli.json <- configuration of the angular-cli
├── tsconfig.json <- configuration of the typescript project
├── tslint.json <- sample configuration file for tslint
└── yarn.lock
This demo project is licensed under the MIT license.
If you find a bug or want to request a new feature, please open a GitHub issue.