Create a quiz component creating function, which will return a node that can be inserted into either chapterEnd page or storyEnd pages.

The quiz component should have quizInfo as a parameter, which stores information about all the questions and correct/false options. The quiz should be evaluated when submit button is clicked, which if passed, should trigger a change.

A welcome screen to chose which chapter to start and a how to play option.

Create a game logic component to connect all our modules

In the quiz-component.js file, quizComponent isn't exported.

Find a theme for the first story. Let's try to keep it short for the first one.
Using children tales as a base for the stories sounded like a good idea.

You can comment with your story ideas so we keep them all at the same place.

Ideas we already talked about:

• Hanzel and Gretel
• Little Red Riding Hood
• Rapunzel
• Snow White
• Cinderella
• Mother Hulda

Get font-faces and font rules to the top of the css file and add fallback fonts in case our own fonts fails loading

Create an overview page showing all the chapters to choose from in the selected story.

Story end page. Includes a congratulatory message, as well as questions about the story played. Should include buttons to return to home page/chapter page, and a button to restart the story.

Has something to do with the quiz argument in createStoryEnd... maybe...

The white kite image is actually transparent, needs to be replaced with a different white kite image or the story must be changed to describe a different colored kite.

Style the chapter pages, make the playable area and text a bit bigger etc

Create a rendering module. We should be able to pass it arguments from the different page factories to render them in the viewport.

Find a name for our game.

Currently the user can drag the object outside of the viewport, rendering it inaccessible.

The drop container is draggable just like the images.

Make the input id the same as the for label's attribute's value in the quiz component.

• Write the logic for the home button in the logic module and export it for use.
• Find a way to not have to render the home button on every page, maybe put it in a navbar in the html

Should be public domain or allowed for non-commercial use.

Create a page which display a text introduction to the story.

change chapter factory function, chapter DOM etc. in order to support chapters with text only.

Appears at the end of the chapter showing the result of the game, with a next chapter, a restart and a back to the menu button.

Find assets for the story, should be public domain or allowed for non-commercial use.

This page can be a good start to look.

Implement first story assets (text, images) with game logic.

If user chooses wrong answer two times in first quiz, game skips second quiz and shows story end right away. Logic behind checking quiz answer should be splitted into smaller parts to avoid unnecessary code nesting.

Add a build, start and a watch script to package.json, and devServer to webpack.config.js