pakoito/gloomhaven-scenario-tree-ng

A scenario tracking tool for Gloomhaven written in Angular

Gloomhaven Scenario Tree

This is a simple application to be able to easily visualize your Gloomhaven campaign state. The idea was to easily show what scenarios are currently available to your party, and to be able to track where those scenarios were unlocked from. For added convenience any scenario's pages can be viewed within the app so you can view / review any selected scenario.

This applicaion was created with the help of the Gloomhaven Scenario Flowchart found here https://boardgamegeek.com/filepage/143772/scenario-flowchart

Dependencies

NodeJS must be installed and in your PATH (https://nodejs.org/en/)

Install

Run npm install

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

To build for GitHub Pages run npm run build. Build artifacts will be stored in docs/ and have the correct base href.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Next steps

• Update JSON with latest version of Scenario Tree data (https://boardgamegeek.com/filepage/143772/scenario-flowchart)
• Add ability custom color nodes
• Add Zoom In/Out control
• Add ability to turn on/off auto centering
• Add Quest Log feature (https://boardgamegeek.com/geeklist/237840/item/5973783#item5973783)
• Implement ngrx