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