Add a quiz game mode

[brittanyrw]

Add a quiz game mode to EmojiPages. A quiz game should present users with a fixed number of cards and see how many they can guess correctly.

This game should be on a new page.

Here are some suggestions on how to structure this:

• [ ] A button or link from the homepage to the page where the game is.
• [ ] A button or link back to the homepage from the page where the game is.
• [ ] The user should be guessing the song name.
• [ ] On game start, randomly sort the cards and display them to the user. Up to you if you will display one at at time or all at once. The user should type their guess into an input box. Up to you if it will check their guess after they click away from the input or they have to press a submit button.
• [ ] At the end of the game, show the user their score.
• [ ] Optional: Allow the user to tweet what their score is.
• [ ] Optional: the user would be able to choose the number of cards they will guess (ie 10 30, 50, etc)
• [ ] Optional: the user would be able to narrow down what cards will show by decade, genre, author, etc.

Let us know if you want assistance with the design for this! Otherwise, feel free to come up with something on your own.

[drwm-base]

Hi Brittany, could I work on this game mode?

[brittanyrw]

@drwm-base Yep! I will assign this to you. Thanks for working on this!

[drwm-base]

Hey @brittanyrw , I wanted to talk to you before but this dialog box was locked. I am working on this and updating to your most recent version. I have completed the bare bones of the quiz game mode.

Just to clarify, the user should be guessing the book title right? It says song name but I assumed book title.

I kept the design very similar to the rest of the site, and decided to display all at once. The filters part is temporary, I will use the formatting to provide a way to adjust the number of cards. I have made 2 new files, quiz.html and quiz.js to handle the logic. I also would like to know how you want me to set up the navigation side of things? I have the links going to their respective html files for now.

The look so far:

I am going to add the rest of the features you want and make it look a little nicer. I will also add the ability to change the number of cards.