HBP Collaboratory Javascript Template
HBP Collaboratory Application Template using Gulp and Angular
Bootstrap your template
Fork this project to bootstrap your own application for the HBP Collaboratory.
Getting started with the template
To start a development server with the template, you need to install NodeJS 4+, Bower and Gulp. You can then install the project dependencies. Once you installed NodeJS for your system, run the following command from a Terminal.
npm install -g bower gulp
npm install
bower install
You can then run the development server using gulp serve
command:
gulp serve
Search and Replace for the project name
- Project Title:
Clb App Template
->My Project Title
- methodCase:
clbAppTemplate
->clbAppTemplate
- markupCase:
clb-app-template
->clb-app-template
Inject the HBP environement in the bootstrap
- Download https://collab.humanbrainproject.eu/config.json
- Replace the
auth.clientId
value using your own OIDC Client ID - Add any configuration specific to your application
Please note that the environment should be served dynamically, so your production environement should regenerate its content automatically every day at least.
Remove all of the above text from your project README. Your project README starts below.
Clb App Template
Development
Once you downloaded the code, you are ready to setup your environment using
npm and bower. First, ensure node is installed on your system. You can then
install bower and gulp as a global dependency using npm install -g bower gulp
,
then all the project local dependencies using NPM and Bower.
npm install -g bower gulp
npm install
bower install
The development server can be started using gulp serve
gulp serve
It's time to use Gulp tasks:
$ gulp
to build an optimized version of your application in folder dist$ gulp serve
to start BrowserSync server on your source files with live reload$ gulp serve:dist
to start BrowserSync server on your optimized application without live reload$ gulp test
to run your unit tests with Karma$ gulp test:auto
to run your unit tests with Karma in watch mode$ gulp protractor
to launch your e2e tests with Protractor$ gulp protractor:dist
to launch your e2e tests with Protractor on the dist files