Code Monkey home page Code Monkey logo

storymaker's Introduction

storymaker

Scope:

For this project you will build a RESTful web application, which creates content-rich stories. A story is essentially a sequence of story blocks laid out on a timeline, which can contain imagery, text, video, or whatever can be displayed on a webpage. Think of it as a web-based collage.

A story block is just an HTML5 structure, which can be placed anywhere on a timeline.

A collage can contain several story blocks or another sub timeline.

Example:

Suppose the story is about your life. You have a collage of story blocks about things that happened to you very early in life.

Example:

	<!-- timelines contain stories -->
	<timeline>
		<!-- stories contain collages -->
		<story>
			<collage>
				<story>
					<!-- stands alone -->
					<h1>Accepted the Nobel Peace Prize</h1>
				</story>
			</collage>
			<collage>
				<!-- a collage can have a sub timeline/sub-stories -->
				<timeline>
					<story>
						<collage>
							<h1>Graduated College</h1>
							<img>
							<img>
							<img>
						</collage>
					</story>
					<story>
						<collage>
							<h1>Bought our first house</h1>
							<img>
							<img>
							<img>
						</collage>
					</story>
				</timeline>
			</collage>
		</story>
	</timeline>

Note: This structure is not set in stone.

Purpose:

Who doesn't like to share or read a good story? A story-MAKER can share their stories.

Requirements:

You are building a web application that supports:

  • Login/User management (user roles: Admin/Creator and user that logins to view or share)
  • Uploading images and text for story blocks
  • Building story blocks from those parts and assigning them to a collage (a collage could be a div or a separate html page)
  • Assigning collages to a timeline (ability to order and give time duration)
  • Edit/Save capability of story blocks, collage, or the entire story.
  • Ability to archive/unarchive all of the pieces
  • Ability to delete/undelete all of the pieces
  • All pieces can be flagged as private, public, or shareable to specific users
  • Appropriate views for CRUD of all the pieces
  • Ability to swap content in the builder (images, text, etc)
  • A live preview would be nice (Allows storyteller to see in real-time what they are building/what others would see)
  • Ability to download stories (export as XML or JSON more than likely)
  • Animations/carousel capability would be cool, but not necessarily required

Technologies:

  • front-end (it would be fun to use): HTML5, CSS3, Javascript/AngularJS
  • back-end (it would be fun to use): Golang, NodeJS, etc
  • exports to: XML or JSON

storymaker's People

Contributors

mickelsonm avatar

Watchers

 avatar

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.