Skip to content
At-Sea Field Data Collection Software Components for Scientific Surveys and Observers
TypeScript Vue HTML JavaScript CSS
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.
.legacy Remove package-lock.json from legacy projects Sep 12, 2019
data Clean up tally-species.csv May 8, 2019
docs Create Sep 28, 2019
img screens.png, tally correction Dec 4, 2018
libs BoatnetKeybaordSelect widget (#913) Oct 9, 2019
tools couchdb: fix validation doc bug #705 Aug 19, 2019
.gitignore obs-web: broken observer assignment update May 10, 2019
.prettierrc Create new vue workspace folder structure #155 Mar 4, 2019 Update May 30, 2019 Update Jul 17, 2019
lerna.json Configure basic build of BoatnetLogin component #160 Mar 6, 2019
package.json v0.0.0 Jun 1, 2019
postcss.config.js Fix Quasar css loading Mar 8, 2019
tsconfig.json Add root tsconfig.json to make Vetur happy Mar 6, 2019


Boatnet provides a suite of tools for collecting fisheries scientific survey and observer monitoring data while aboard commercial, recreational, and NOAA vessels. These include a tablet app for observers and surveys to capture their haul-level catch information and a mobile app for captains to keep track of observer-monitored trips. You can find more details about each project in this section

FRAM Screenshot

For those only interested in running the project follow the How to build and run section and ignore the rest. The remaining sections are for development purposes only. Note: We are currently working on simplifying the process and in the future you can just download an executable and run the application.

Note that without a CouchDB, large sections of the application will not function correctly. We are working on releasing a test version of the CouchDB data.


Boatnet contains multiple projects located in different directories. The different projects are listed below. All of the projects are currently a work in progress!

OPTECS (Observer Program Technology Enhanced Collection System)

Directory: apps/obs-wcgop-optecs

A tablet application used by observers to log information about fish caught on board. Observers can record stats such as weight, count, species type, and much more. The data collected is used to estimate how many fish can be sustainably caught.

Observer Mobile App

Directory: apps/obs-web

A mobile app for our observer program where captains can log their trips and then see whether they are selected for observer coverage or not.


Directory: apps/surv-*

Survey applications

How to build and run

Boatnet uses the lerna + yarn workspace monorepo pattern.

  1. Install Node.js - download here

  2. Install yarn

  • npm install -g yarn

    NOAA Windows 10 Users may need to set a couple environment variables:

    • in System Variables - Path add: C:\Users\\[User.Name]\AppData\Roaming\npm\
    • in System Variables - NODE_PATH set to: C:\Users\\[User.Name]\AppData\Roaming\npm\
  1. (OPTIONAL) Install Visual Studio Code - download here (We use and recommend this IDE for development)
OTHER OPTIONAL STEPS - Not recommended

  • These are optional steps, not currently required.

  • (OPTIONAL) Install node-gyp by launching visual studio code as administrator and running the following from a terminal (Ref:

  • Windows: npm install -g windows-build-tools
  • Mac: Ensure read/write access to /usr/local/lib/node_modules/npm/node_modules then run yarn global add node-gyp
  • (OPTIONAL) In windows, you should run the initial build from a Visual Studio command prompt. This will install packages specified in packages.json. (re-run when other devs add packages to packages.json)

  1. Clone the repository: git clone

  2. Install lerna globally: npm install -g lerna

  3. Run lerna bootstrap (runs npm install, builds single node_modules)

  4. Run lerna clean (cleans node_modules in subfolders)

  5. Run lerna run build (builds all apps and libraries. This is optional, but should be performed prior to pushing changes, to ensure all projects still build correctly.)

  6. When running the app locally, you'll need to run the dev-auth-server running in order to login. Do this by following the instructions here

  7. Navigate to the project you need, e.g. cd apps/example and yarn serve

  8. See more specific lerna instructions and development setup here.

Troubleshooting Build Issues

Occasionally our lerna monorepo can get into a confused state. The following commands, performed in order, would be a good starting point to try and "reset" a corrupted environment:

# get latest yarn, lerna, and typescript
npm install -g yarn@latest
npm install -g lerna@latest
npm install -g typescript@latest
cd <your-path>/boatnet/
# get latest master branch (known good build)
git pull 
# clean the yarn cache - this has caused issues in the past occasionally (usually this is not required)
yarn cache clean
# remove the yarn.lock to ensure newest packages are acquired (usually this is not required)
rm yarn.lock
# now follow the normal build procedure
lerna bootstrap
lerna clean -y
lerna run build
cd apps/your-app
yarn serve
  • Also, note that file permission issues (e.g. EPERM) usually can be resolved by closing and re-opening Visual Studio Code (and stopping all node.js processes.)
You can’t perform that action at this time.