Skip to content
Publication Annotation Sensation
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.


a firebase app to annotate abstracts

Firebase setup

  1. Create a firebase account
  2. Click on "Web Setup" and copy paste your config into src/firebaseConfig.js
  3. Go to the Authentication and click "Sign-In method" and enable Email/Password
  4. Go to the Database tab and click "Rules" and copy paste the following:
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null",
    "users": {
      ".read": true,
      ".write": "auth != null",
    "settings": {
      ".read": true,
      ".write": false,
    "imageCount": {
      ".indexOn": ["idx", "num_votes", "ave_score"],
  1. run the app: npm run dev and open localhost:8080. Create a new account
  2. Go to the Database tab in Firebase. Create a key value pairs like this:
imageCount: 1
  1. Click on imageCount. Import a JSON file w/ pointers to your images into here:
  pmid: {
    N: 0,
    num_votes: 0

where each pmid key is the pmid of the abstract you want to annotate. For example see: .

  1. Also host your images somewhere else (like S3), it will be cheaper to pull images from there instead of firebase. The images will be found at: https://yourS3bucket/pmid.json . The content of the json file should look like:

  2. Edit the imageBaseUrl here to point to your abstract json files

  3. Start playing to test that it works

  4. To deploy. make a firebase directory here:

mkdir firebase
cd firebase
firebase init

ONLY select the hosting option here. Then choose your project, and say yes to everything else. Then do:

cd ..
npm run build
cd firebase
cp -r ../dist/* public/

The npm step builds all your files into a single html file and a set of js files. Then we move them to the firebase public folder and then deploy:

firebase deploy

These instructions will probably change soon. The app is still being actively developed!

Build Setup for the Frontend

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

You can’t perform that action at this time.