Democracy Visualization

[meesuekim]

Created a separate React Quiz Component (Completely factored out so any group should be able to use it):

• scoreTracker: displays current question number and current score
• answerChoices: displays the answer choices on the actual page
• quiz: displays question
• displayScore: displays final score at the end
• quizFrame: puts all of these components together into one function Quiz Component

Database:

• json file
  • list of dictionaries, with questions key mapping to question and answers key mapping to multiple answer choices
  • separated into its own file and imported into main app

[ryaanahmed]

Really great technical work here -- particularly that you made the quiz its own component that we can now reuse in all sorts of places!

This prototype isn't quite ready for primetime, though, because it needs to have some real questions and answers before a user can interact with it and get a sense of how the final version is going to be useful. Right now, clicking on "Answer 1" for "Question 1" doesn't give me a good sense of how I'll interact with the map in order to investigate the questions being posed.

Please draft even just one or two real questions inside of this tech framework, and then we'll be in good shape to show @evanlieb! They don't have to be super sophisticated, but should require the player to interact with the map to answer. (e.g., what country had the highest score in X year? -- what country experienced the largest growth in this score between X and Y years? -- etc.)