Web client for CIViC: Clinical Interpretations of Variants in Cancer
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
docs added gulp docs:generate task, pipes js through ngDocs and outputs do… Apr 25, 2015
notes added community view screenshot May 19, 2016
src updated meeting goals Aug 2, 2018
test refactored editable-field and entity-tabs to work better together, fi… Apr 20, 2015
.bowerrc refactored gulp tasks, primarily to provide a better minified/concate… Dec 5, 2014
.editorconfig refactored gulp tasks, primarily to provide a better minified/concate… Dec 5, 2014
.jsbeautifyrc added rc file for IDE Oct 3, 2017
.jshintrc suppressing jshint warnings about using [] notation May 25, 2017
.nvmrc added nvmrc to specify node version; updated build-associated npm pac… Nov 17, 2016
CHANGELOG.md updated changelog Jun 29, 2017
LICENSE add same license to civic-client that was added to civic-server Feb 18, 2015
README.md updated installation instructions to use yarn Feb 2, 2018
bower.json Added override for ui-grid fonts Apr 14, 2017
package.json updated client version Jun 29, 2017
sitemap.xml Updated sitemap to reflect rename in the server Apr 18, 2017



Developing for CIViC involves setting up a development environment. To get started quickly, we recommend launching an AWS EC2 instance from our pre-configured and maintained AMI (getting started wiki page).

Alternatively, you may set up your own local development environment using the following setup instructions.

To Install

civic-client uses yarn for development, build, and resource server tasks, so ensure that you have yarn (and nodeJS) installed and running. Yarn installation instructions are here:


Once you've installed Yarn, clone the civic-client repository and cd to it, then:

yarn install

Yarn will determine the packages it needs to install, download, and install them for you - it may take awhile. Then we need to install bower, which manages client-side packages:

yarn global add bower

Once bower is installed, use it to install civic-client's runtime libraries:

bower install

If bower becomes confused about which Angular version to use, pick the first one that offers version 1.3.15.


CIViC client uses the gulp workflow system for serving, watching, building, and testing the client codebase. Let's install that:

yarn global add gulp

Once we have gulp installed, start up the CIViC server (execute rails s from the server's root directory), then start up the client server with:

gulp serve

Then load in your browser. NOTE: use, not localhost. A couple of the OAuth providers we use for authentication will only work if the app is loaded from

The serve tasks starts a static file server, and a proxy that routes calls to /api to the civic-server listening on port 3000. It serves the AngularJS application, and a starts a watch task which watches all files for changes and lints, builds and injects them into the index.html accordingly.

Production ready build - a.k.a. dist

To make the app ready for deploy to production run:

gulp build

The build task creates a ./dist folder with all scripts and stylesheets concatenated, minified, and versioned, also third party libraries installed with bower will be concatenated and minified into vendors.min.js and vendors.min.css respectively.

To test the build version of the app, execute:

gulp serve:dist

This task executes a build, then serves the /dist directory from the same port as the gulp serve task,

Pulling Updates

As the civic-client is under heavy development, we'll be pushing releases to the master branch at a fairly rapid rate. Often, we'll update various packages and modules that are part of the workflow and/or production codebase. So after you do a git pull to update your local repository, be sure to:

yarn install
bower install

This will install any new packages or modules that the new updates require.

Related resources


Homepage: Homepage

Browse Genes in the CIViC database: Homepage

View an Evidence Item: Homepage

Edit a Gene: Homepage

View and comment on revisions to Genes, Variants, Evidence Items: Homepage

Catch up with recent CIViC activity: Homepage

Community leaderboards and user directory: Homepage

Git repositories related to the CIViC project

The CIViC source code and application are organized in a client-server model. The backend code is available in the civic-server repository and frontend code is available in the civic-client repository. Issues relating to curation are tracked in the civic-curation repository. An example of a Python client is available in the civic-api-client repository. Issues relating to public CIViC meetings are tracked in the civic-meeting repository.