It’s missing on a structured way to help agile teams to groom and prioritise their backlogs. Since we have lots of experience with Agile methodologies and app development, we decided to move forward and bridge this gap with the Story Mapping app so it’ll help teams create a holistic outline of the user’s interactions with the product, evaluate which steps have the most benefit for the user, and prioritize what should be built next.

What it does

Story maps capture the journey a user takes with the product, including high level activities and tasks they undertake. Rather than a traditional backlog, story mapping helps teams visualize real life workflows. Instead of prioritizing user stories against each other, story maps let you see everything within the context of high level activities a user accomplishes while using the product making sure nothing gets missed. User stories are mapped as items in and are managed in your existing boards.

How we built it

We’ve built it with standard web development stack: HTML, Javascript, React, Node.js, Google Firebase - Firestore, Hosting and Cloud Functions.

Challenges we ran into

  • Learning Apps framework SDK in a short timeframe.
  • Using Firebase for data persistence and deployment
  • Configuring the authorization flow between and Firebase, validating and exchanging tokens

Accomplishments that we're proud of

We are proud of the Story Mapping app beautiful UI and UX seamlessly integrated with

What we learned

We have learned to work with Google Firebase for the backend of the app.

What's next for Story mapping

We plan to introduce swimlanes to group cards by versions/sprints, zoom in/out the map, export options, fine grained permissions and notifications.

Share this project: