Make functional online prototype of control condition and send out to group

I'm putting some thought into this today, and I have the following breakdown of tasks. We can talk about his at any point, but I wanted to get some basic notes down on how I imagine completing this effectively.

[ ] We have a question component already. Make a question model that can be passed to this component so it is no longer coupled to the scenario.
[ ] Create a new model for a "Session" that can be made up of an ordered array of "Topics" and "Questions". It should have it's own title, description, and Icon
[ ] Add support for displaying Markdown. Allow for Markdown content within Topics, Questions, and Session Descriptions. Consider carefully how this Markdown might the appropriate display of Footnotes.
[ ] Create a new model for Topics, which are an ordered set of markdown content, visualizations, and questions.
[ ] Create a basic visulaization model, that, at present, can be as simple as an image reference, but gives us a point to inject more complex models.
[ ] Create a Component for displaying a single Topic, but passes through states as they read Markdown content, complete questions.
[ ] Create a Component for a "Session" than can rendering a series of Topic Components.
[ ] Create a Component for representing progress within a "Topic"
[ ] Create a Component for representing progress within a "Session".
[ ] Add a Quote/Description component that can has a title, tells a story, and then offer an explication (see page 16 of attached)
[ ] Add events out to a Google Analytics platform, so we can track anonymous stastics about events that occure during use of this angular app.
[ ] Add api calls, that send calls back to an API for every question answered, and timing for each page displayed, and each button pressed.

Here is the Psychoeducation file that Heremy and Nicola provided for us as a reference. Psychoeducation v4.0.docx

TeachmanLab / MT-Java

Make functional online prototype of control condition and send out to group #144