Git Product home page Git Product logo

interactive-story-builder's Introduction

JumpStart Georgia's Story Builder

Summary

Story Builder is a web application that allows users to build mixed-media stories that can then be shared with the world. You can try Story Builder out for yourself on our test site.

The idea for this application came after viewing this New York Times story. We wanted to be able to create stories like this without having to start from scratch for every story. We wanted to be able to quickly put interactive, mixed-media stories together without having to require a lot of designer or developer time. That is the goal of this application.

How It Works

Story Builder is similar to a blog editor like wordpress or tumblr, but at this point is still a little rustic. In essence, Story Builder allows you to add content, images, and/or videos into sections in a story that can be ordered however you want.

Right now there are two types of sections that can be created: Content and Full-Screen Media.

  • Content: Simple text with a rich-text editor like Word of Google Docs.
  • Full-Screen Media: This can be a combination of images and/or videos that will appear on the screen in a vertical slider format, one after the other. The media is stretched to fill the users entire window and a small caption text can appear ontop of the media.

Aside from entering the story into the sections, you also have the ability to:

  • re-arrange the sections in the story
  • clone a story as the beginning of a new story
  • export a story so you can host it on any website

To Do List

Short Term Tasks

  • add share links to the published stories
  • create a more wizard like process for entering the content
  • add ability to drop and drop section for re-arranging
  • allow users to follow other users and receive notifications when new stories are published
  • add categories to stories
  • add search/filter/sort for published stories
  • each user has a page to show their published works
  • users can create organizations and have their own page to show their published works
  • add horizontal image gallery
  • add ability to include online videos (embed youtube, vimeo, etc)
  • add ability to create one story in multiple languages
  • ability to log in with something other than facebook

Long Term Tasks

  • be able to embed published stories
  • store the media on Amazon S3 cloud
  • have multiple themes to select from
  • be able to edit colors, fonts, etc
  • select from different transitions between sections
  • add ability to include interactive maps
  • add ability to include charts
  • add ability to include data tables

Version History

0.3

  • create a more appealing landing page
  • applied user authorization
  • ability to clone a story so it can be used as the start of a new story
  • ability to export a story so it can be hosted on any website
  • can assign users to edit your story

License

TBD

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.