DEV Community

Cover image for TaleTraverse: Story Builder
Godwin Agedah
Godwin Agedah

Posted on

TaleTraverse: Story Builder

This is a submission for the Netlify Dynamic Site Challenge: Build with Blobs.

What I Built

TaleTraverse allows authors to publish stories with multiple endings. Readers can then choose their preferred path, leading to different outcomes.

Overview

Author

The author curates the story by creating branches and incorporating images, text, and audio to shape the narrative.

Reader

The reader follows the story by connecting paths between branches, revealing story content as they progress.

Demo

https://tale-traverse.netlify.app/

Sample Story: https://tale-traverse.netlify.app/published/1715269266765

Author curating the story

Author curating the story

Reader choosing paths

Reader choosing paths

Summary Screenshot

Reader Summary of path choosen

Platform Primitives

The Author can curate the story with

  • Images
  • Text
  • Audio Recording

The above method of curating a story can be transformed into a blob object, which can be saved with Netlify Blobs by making a fetch request to a Netlify Function

Authors on the platform can choose a story theme, each theme changes the background of the Story board, which communicates the genre of the story to the user.
The platform utilizes Netlify Image CDN to cache the background images, reducing load times.

Screenshots

Story Themes

Story Themes

Customisable Story Cards

Customisable Story Cards

Link To Code

Link here Github Repo, fell free to ask questions
If you like the repo, please do well to leave a star.

Top comments (0)