Create React skeleton for Create Your Own Adventure

[maoivy]

We have a hard-coded data structure written—now we have to write the React skeleton to test if anything needs to be modified.

A sort of component tree here: (might be a good idea to draw this out, with props and state too)

• Main component for displaying either of these three views:
  • Intro page describing the situation
  • Stage page (while students are choosing)
    • Components for displaying each option
  • Overview page (shown at the end)
    • Components for displaying analysis of student choices

[ryaanahmed]

@amy-lei @JusticeV452 @felixli5678 @ningerlei -- flagging this issue up to you, as your group is also doing a similar series-of-views kind of thing. Probably should communicate with @maoivy et al. on this team and reuse as much as possible between the two projects.

[Dylan-Weber]

I've continued this on the cyoa-fleshing-out branch, starting with changing our decimal probabilities to percentages.

One problem I was unsure of how to deal with was the choice history. At the moment, we are displaying each choice in the form

Choosing to {option.text} has a {option.successFactor * 100}% chance of success.

This is good for most options, but options which have names like "Facebook" don't fit into this format well. Should we change it to
Choosing "{option.text}" has a {option.successFactor * 100}% chance of success.
or should we instead have different options change "Choosing to" to "Campaigning on" or some other prefix that specifically matches that option?