Merge pull request #53 from alDuncanson/feature/quiz-difficulties

Added multiple difficulty settings to the quiz game

src/components/Main.js

@@ -128,11 +128,11 @@ class ResponsiveDrawer extends React.Component {
                             <ListItem button className={classes.nested} onClick={() => this.nav('Easy-Quiz')}>
                                 <ListItemText inset primary="Easy" />
                             </ListItem>
-                            <ListItem button className={classes.nested} onClick={() => this.nav('Medium-Quiz')}>
-                                <ListItemText inset primary="Medium" />
+                            <ListItem button className={classes.nested} onClick={() => this.nav('Intermediate-Quiz')}>
+                                <ListItemText inset primary="Intermediate" />
                             </ListItem>
-                            <ListItem button className={classes.nested} onClick={() => this.nav('Hard-Quiz')}>
-                                <ListItemText inset primary="Hard" />
+                            <ListItem button className={classes.nested} onClick={() => this.nav('Advanced-Quiz')}>
+                                <ListItemText inset primary="Advanced" />
                             </ListItem>
                         </List>
                     </Collapse>
@@ -197,8 +197,8 @@ class ResponsiveDrawer extends React.Component {
                     {this.state.key === 'List' && <SightingList />}
                     {this.state.key === 'About' && <Info />}
                     {this.state.key === 'Easy-Quiz' && <Quiz difficulty='Easy'/>}
-                    {this.state.key === 'Medium-Quiz' && <Quiz difficulty='Medium'/>}
-                    {this.state.key === 'Hard-Quiz' && <Quiz difficulty='Hard'/>}
+                    {this.state.key === 'Intermediate-Quiz' && <Quiz difficulty='Intermediate'/>}
+                    {this.state.key === 'Advanced-Quiz' && <Quiz difficulty='Advanced'/>}
                 </main>
             </div>
         );

src/components/QuizGame.js

@@ -1,4 +1,4 @@
-import React, { Fragment } from 'react';
+import React from 'react';
 import Grid from '@material-ui/core/Grid';
 import PropTypes from 'prop-types';
 import { withStyles } from '@material-ui/core/styles';
@@ -6,6 +6,9 @@ import Quiz from 'react-quiz-component';
 import { Typography } from '@material-ui/core';
 import Button from '@material-ui/core/Button';
 import RefreshIcon from '@material-ui/icons/Refresh';
+import advancedQuiz from '../quiz/advancedQuiz.js'
+import easyQuiz from '../quiz/easyQuiz.js'
+import intermediateQuiz from '../quiz/intermediateQuiz.js'
 
 // Style for the tabs.
 const styles = theme => ({
@@ -18,7 +21,7 @@ const styles = theme => ({
     },
     rightIcon: {
         marginLeft: theme.spacing.unit,
-    },
+    }
 });
 
 class QuizGame extends React.Component {
@@ -49,189 +52,6 @@ class QuizGame extends React.Component {
         });
     }
 
-    easy = {
-        "quizTitle": "Trail Cam Quiz: Easy",
-        "questions": [
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question1.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "Black bear",
-                    "Common wombat",
-                    "Raccoon",
-                    "White-tailed deer"
-                ],
-                "correctAnswer": "1"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question2.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "American beaver",
-                    "Muskrat",
-                    "Porcupine",
-                    "Woodchuck"
-                ],
-                "correctAnswer": "3"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question3.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "American badger",
-                    "Raccoon",
-                    "Striped skunk",
-                    "Virginia opossum"
-                ],
-                "correctAnswer": "2"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question4.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "Eastern fox squirrel",
-                    "Eastern gray squirrel",
-                    "Red squirrel",
-                    "Southern flying squirrel"
-                ],
-                "correctAnswer": "3"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question5.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "American Crow",
-                    "Black Vulture",
-                    "Turkey Vulture",
-                    "Northern Raven"
-                ],
-                "correctAnswer": "3"
-            },
-        ]
-    }
-
-    medium = {
-        "quizTitle": "Trail Cam Quiz: Medium",
-        "questions": [
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question1.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "Black bear",
-                    "Common wombat",
-                    "Raccoon",
-                    "White-tailed deer"
-                ],
-                "correctAnswer": "1"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question2.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "American beaver",
-                    "Muskrat",
-                    "Porcupine",
-                    "Woodchuck"
-                ],
-                "correctAnswer": "3"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question3.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "American badger",
-                    "Raccoon",
-                    "Striped skunk",
-                    "Virginia opossum"
-                ],
-                "correctAnswer": "2"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question4.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "Eastern fox squirrel",
-                    "Eastern gray squirrel",
-                    "Red squirrel",
-                    "Southern flying squirrel"
-                ],
-                "correctAnswer": "3"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question5.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "American Crow",
-                    "Black Vulture",
-                    "Turkey Vulture",
-                    "Northern Raven"
-                ],
-                "correctAnswer": "3"
-            },
-        ]
-    }
-
-    hard = {
-        "quizTitle": "Trail Cam Quiz: Hard",
-        "questions": [
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question1.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "Black bear",
-                    "Common wombat",
-                    "Raccoon",
-                    "White-tailed deer"
-                ],
-                "correctAnswer": "1"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question2.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "American beaver",
-                    "Muskrat",
-                    "Porcupine",
-                    "Woodchuck"
-                ],
-                "correctAnswer": "3"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question3.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "American badger",
-                    "Raccoon",
-                    "Striped skunk",
-                    "Virginia opossum"
-                ],
-                "correctAnswer": "2"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question4.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "Eastern fox squirrel",
-                    "Eastern gray squirrel",
-                    "Red squirrel",
-                    "Southern flying squirrel"
-                ],
-                "correctAnswer": "3"
-            },
-            {
-                "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/question5.jpg" alt=""></img></Fragment>,
-                "questionType": "text",
-                "answers": [
-                    "American Crow",
-                    "Black Vulture",
-                    "Turkey Vulture",
-                    "Northern Raven"
-                ],
-                "correctAnswer": "3"
-            },
-        ]
-    }
-
     /**
      * This function returns the
      * quiz data based on the difficulty
@@ -243,16 +63,16 @@ class QuizGame extends React.Component {
 
         switch (difficulty) {
             case 'Easy':
-                this.easy.questions = this.shuffleArray(this.easy.questions);
-                level = this.easy;
+                easyQuiz.questions = this.shuffleArray(easyQuiz.questions);
+                level = easyQuiz;
                 break;
-            case 'Medium':
-                this.medium.questions = this.shuffleArray(this.medium.questions);
-                level = this.medium;
+            case 'Intermediate':
+                intermediateQuiz.questions = this.shuffleArray(intermediateQuiz.questions);
+                level = intermediateQuiz;
                 break;
-            case 'Hard':
-                this.hard.questions = this.shuffleArray(this.hard.questions);
-                level = this.hard;
+            case 'Advanced':
+                advancedQuiz.questions = this.shuffleArray(advancedQuiz.questions);
+                level = advancedQuiz;
                 break;
             default:
                 break;
@@ -274,7 +94,7 @@ class QuizGame extends React.Component {
         return (
             // Tabs
             <div className={classes.root}>
-                <Typography variant="headline" align="center">
+                <Typography variant="title" align="center">
                     <Grid container justify="center">
                         <Quiz quiz={this.state.difficulty} key={this.state.key} />
                     </Grid>

src/quiz/advancedQuiz.js

@@ -0,0 +1,229 @@
+import React, {Fragment} from 'react';
+
+const advancedQuiz = {
+    "quizTitle": "Trail Cam Quiz: Advanced",
+    "questions": [
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question1.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Fisher",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question2.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Ermine",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question3.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Fisher",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question4.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American Robin",
+                "Hermit Thrush",
+                "Veery",
+                "Wood Thrush"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What is in the marten's mouth?<br /><br /><img src="/quizimages/advanced/question5.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American Woodcock",
+                "Mourning Dove",
+                "Rock Dove",
+                "Ruffed Grouse"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question6.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Black bear",
+                "Raccoon",
+                "Virginia opossum",
+                "Woodchuck"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question7.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Black bear",
+                "Raccoon",
+                "White-tailed deer",
+                "Woodchuck"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question8.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Coyote",
+                "Domestic dog",
+                "Gray fox",
+                "Red fox"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question9.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern chipmunk",
+                "Least chipmunk",
+                "Red squirrel",
+                "Thirteen-lined ground squirrel"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question10.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern chipmunk",
+                "Eastern fox squirrel",
+                "Eastern gray squirrel",
+                "Red squirrel"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question11.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Fisher",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "2"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question12.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Fisher",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "4"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question13.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Hermit Thrush",
+                "Louisiana Waterthrush",
+                "Ovenbird",
+                "Northern Waterthrush"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question14.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American beaver",
+                "Muskrat",
+                "Porcupine",
+                "Woodchuck"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question15.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American badger",
+                "Raccoon",
+                "Striped skunk",
+                "Virginia opossum"
+            ],
+            "correctAnswer": "2"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question16.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern fox squirrel",
+                "Eastern gray squirrel",
+                "Flying squirrel",
+                "Red squirrel"
+            ],
+            "correctAnswer": "4"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question17.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American Woodcock",
+                "Mourning Dove",
+                "Rock Dove",
+                "Ruffed Grouse"
+            ],
+            "correctAnswer": "4"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question18.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern fox squirrel",
+                "Eastern gray squirrel",
+                "Flying squirrel",
+                "Red squirrel"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/advanced/question19.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "House mouse",
+                "Meadow jumping mouse",
+                "White-footed mouse",
+                "Woodland jumping mouse"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What is in the marten's mouth?<br /><br /><img src="/quizimages/advanced/question20.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern chipmunk",
+                "Flying squirrel",
+                "White-footed mouse",
+                "Norway rat"
+            ],
+            "correctAnswer": "2"
+        },
+    ]
+}
+
+export default advancedQuiz;

src/quiz/easyQuiz.js

@@ -0,0 +1,229 @@
+import React, {Fragment} from 'react';
+
+const easyQuiz = {
+    "quizTitle": "Trail Cam Quiz: Easy",
+    "questions": [
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question1.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Black bear",
+                "Common wombat",
+                "Raccoon",
+                "White-tailed deer"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question2.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American beaver",
+                "Muskrat",
+                "Porcupine",
+                "Woodchuck"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question3.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American badger",
+                "Raccoon",
+                "Striped skunk",
+                "Virginia opossum"
+            ],
+            "correctAnswer": "2"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question4.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern fox squirrel",
+                "Eastern gray squirrel",
+                "Red squirrel",
+                "Southern flying squirrel"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question5.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American Crow",
+                "Black Vulture",
+                "Turkey Vulture",
+                "Northern Raven"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question6.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Fisher",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question7.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Fisher",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question8.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American Robin",
+                "Hermit Thrush",
+                "Mourning Dove",
+                "Wood Thrush"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question9.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Black bear",
+                "Common wombat",
+                "Raccoon",
+                "White-tailed deer"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question10.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Bobcat",
+                "Domestic cat",
+                "Lynx",
+                "Serval"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question11.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Coyote",
+                "Domestic dog",
+                "Gray fox",
+                "Red fox"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question12.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern chipmunk",
+                "Flying squirrel",
+                "Least chipmunk",
+                "Red squirrel"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question13.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern chipmunk",
+                "Flying squirrel",
+                "Least chipmunk",
+                "Red squirrel"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question14.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Raccoon",
+                "Striped skunk",
+                "Virginia opossum",
+                "Woodchuck"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question15.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American beaver",
+                "Muskrat",
+                "Porcupine",
+                "Woodchuck"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question16.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American badger",
+                "Raccoon",
+                "Striped skunk",
+                "Virginia opossum"
+            ],
+            "correctAnswer": "2"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question17.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American badger",
+                "Raccoon",
+                "Striped skunk",
+                "Virginia opossum"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question18.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Elk",
+                "Moose",
+                "Mule deer",
+                "White-tailed deer"
+            ],
+            "correctAnswer": "4"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question19.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Elk",
+                "Moose",
+                "Mule deer",
+                "White-tailed deer"
+            ],
+            "correctAnswer": "4"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/easy/question20.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Elk",
+                "Moose",
+                "Mule deer",
+                "White-tailed deer"
+            ],
+            "correctAnswer": "4"
+        },
+    ]
+}
+
+export default easyQuiz;

src/quiz/intermediateQuiz.js

@@ -0,0 +1,229 @@
+import React, {Fragment} from 'react';
+
+const intermediateQuiz = {
+    "quizTitle": "Trail Cam Quiz: Intermediate",
+    "questions": [
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question1.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American badger",
+                "Raccoon",
+                "Virginia opossum",
+                "Woodchuck"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question2.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Fisher",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question3.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Fisher",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question4.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American marten",
+                "Fisher",
+                "Long-tailed weasel",
+                "Mink"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question5.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American Robin",
+                "Hermit Thrush",
+                "Mourning Dove",
+                "Wood Thrush"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question6.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Black bear",
+                "Raccoon",
+                "White-tailed deer",
+                "Woodchuck"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question7.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Bobcat",
+                "Domestic cat",
+                "Lynx",
+                "Ocelot"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question8.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Bobcat",
+                "Domestic cat",
+                "Lynx",
+                "Margay"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question9.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American Crow",
+                "Blue Jay",
+                "Common Grackle",
+                "Common Raven"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question10.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Coyote",
+                "Domestic dog",
+                "Gray fox",
+                "Red fox"
+            ],
+            "correctAnswer": "1"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question11.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern chipmunk",
+                "Eastern fox squirrel",
+                "Eastern gray squirrel",
+                "Red squirrel"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question12.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern chipmunk",
+                "Eastern fox squirrel",
+                "Eastern gray squirrel",
+                "Red squirrel"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question13.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American beaver",
+                "Muskrat",
+                "Porcupine",
+                "Woodchuck"
+            ],
+            "correctAnswer": "3"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question14.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American badger",
+                "Raccoon",
+                "Striped skunk",
+                "Virginia opossum"
+            ],
+            "correctAnswer": "2"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question15.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American badger",
+                "Raccoon",
+                "Striped skunk",
+                "Virginia opossum"
+            ],
+            "correctAnswer": "2"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question16.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Coyote",
+                "Domestic dog",
+                "Gray fox",
+                "Red fox"
+            ],
+            "correctAnswer": "4"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question17.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern fox squirrel",
+                "Eastern gray squirrel",
+                "Flying squirrel",
+                "Red squirrel"
+            ],
+            "correctAnswer": "4"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question18.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Eastern chipmunk",
+                "Eastern fox squirrel",
+                "Eastern gray squirrel",
+                "Red squirrel"
+            ],
+            "correctAnswer": "4"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question19.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "American Woodcock",
+                "Mourning Dove",
+                "Rock Dove",
+                "Ruffed Grouse"
+            ],
+            "correctAnswer": "4"
+        },
+        {
+            "question": <Fragment>What animal is this?<br /><br /><img src="/quizimages/intermediate/question20.jpg" alt=""></img></Fragment>,
+            "questionType": "text",
+            "answers": [
+                "Elk",
+                "Moose",
+                "Mule deer",
+                "White-tailed deer"
+            ],
+            "correctAnswer": "4"
+        },
+    ]
+}
+
+export default intermediateQuiz;