Setting up synchronization with GitHub - NextGen

Learn how you can connect your story map wit GitHub repository.

Tamás Párványik avatar
Written by Tamás Párványik
Updated over a week ago

Contents:

  • StoriesOnBoard and GitHub integration overview

  • Who can setup integration with GitHub

  • How to setup integration with GitHub

  • Integration setup wiazard

  • Step-by-step guide to link a story map to a GitHub repository

  • Integration settings for GitHub

    • Real-time card and release synchronization with GitHub

    • Label settings for exported issues

    • Import setting

    • Status mapping with GitHub

StoriesOnBoard and GitHub integration overview

Integrating a story map with a GitHub repository allows teams to plan more effectively, utilizing the visual power of story mapping to achieve transparency and shared understanding among stakeholders. Bring the team around to the story map to see the big picture and take advantage of real-time and bidirectional sync with GitHub to keep everyone up to date at all time.

The integration makes it possible to plan releases on the story map and push cards to GitHub for execution. With the powerful integration between StoriesOnBoard and GitHub you can facilitate product discovery, define user journeys, put user stories into context and schedule releases to build and manage amazing products from the very beginning. This allows to do product discovery with user centric approach to build great products that users love.

Who can setup integration with GitHub

To be able to setup any integration with a story map you need to have an Admin user role on StoriesOnBoard. Additionally, you also need to hold Admin rights on GitHub as well to be able to make the necessary changes.

How to setup integration with GitHub

  1. Open the story map

  2. Go to “Settings“

  3. Select “Integration settings”

  4. Click on “GitHub” and then “Connect”

  5. Enter your GitHub personal access token

  6. Click on “Connect”

  7. Select a GitHub repository then click on “Connect repository”

  8. Follow the Integration setup wizard and set up integration details

Integration setup wizard

  1. Setup what would you like to sync with GitHub

  2. Setup export settings to create a label for each cards you push to GitHub

  3. Setup import settings

  4. Setup status mapping between StoriesOnBoard and GitHub

Step-by-step guide to link a story map to a GitHub repository

Open the story map you want to connect to aGitHub repository and open “Settings“ and select “Integration settings”.

Setting up GitHub integration.jpg

Enter your GitHub Personal access token. Then click to “Connect”.

💡 Tip - Learn more about How to generate your Personal access token on GitHub.

Setting up GitHub integration 2.jpg

Select a GitHub repository you wish to connect your story map with. Then click “Connect repository”.

Setting up GitHub integration 3.jpg

Setup what would you like to keep in sync between StoriesOnBoard and GitHub:

  • Synchronize title changes

  • Synchronize description changes

  • Synchronize releases as GitHub Milesotnes

Setting up GitHub integration 4.jpg

You can setup a label that can appear in GitHub when you push issues from StoriesOnBoard to GitHub.

Setting up GitHub integration 5.jpg

During import you can enable or disable the following import settings:

  • Allow editors to import cards from GitHub

Setting up GitHub integration 6.jpg

To make sure user stories’ statuses are going to be synchronzied, setup status mapping between StoriesOnBoard and GitHub. Link GitHub labels with StoriesOnBoard statuses.

Setting up GitHub integration 7.jpg

Integration settings for GitHub

Once you successfully connected to your Trello instance, you will be able to access Integration Settings for Trello as following:

  • Open the story map

  • Go to “Settings”

  • Select “Integration settings”

Real-time card and release synchronization

Cards from StoriesOnBoard will be synchronized with GitHub in real-time and bidirectional if you enable the following options:

  • Synchronize name changes (card title)

  • Synchronize description changes

  • Synchtonize releases as GitHub Milestones

Setting up GitHub integration 8.jpg

Export settings

There is a possibility to distinguish those cards that were created in StoriesOnBoard when you export them to GitHub. This allows you to have a solid understanding about each newly scheduled issues coming from StoriesOnBoard helping the team who works in GitHub.

Setting up GitHub integration 9 .jpg

Import settings

During import you can enable or disable the following import settings:

  • Allow editors to import cards from GitHub

Setting up GitHub integration 10.jpg

Status mapping

When you link a story map to your GitHub repository, it is important to be clear about what is happening with your issues on both StoriesOnBoard and GitHub. By default GitHub offers only two statuses for issue management. An issue can be either Open or Closed.

Status mapping makes it possible to enhance your workflow and deliver more information for team members by using GitHub labels to indicate additional statuses for your issues. If you are using labels in GitHub to better differentiate statuses, you can map them to statuses in StoriesOnBoard by using the label specifiers:

💡 Tip - Learn more about How custom workflows work on StoriesOnBoard.

Setting up GitHub integration 11.jpg

Learn more about:

Did this answer your question?