-
-
Comic Quiz
-
Our UI
Inspiration
This code was inspired by the various types of comics we liked as well as BuzzFeed quizzes - we thought it would be fun to combine both of these interests in a fun game!
What it does
We all love comics, but some of us love comics more than others. We developed a test to weed out all of the fake fans.
This hack shows a user a comic strip and they must guess information based on the shown comic such as name, year created, main character, and author. They will be able to answer with multiple entries separated by a space for the most points as possible. You will be able to see your points and input on the right side of the screen.
How we built it
We used JavaScript, HTML, and CSS in Visual Studio Code. We also tried to use the Firebase realtime database (to store comics and their information for the quiz) as well as Firebase authentication (so users could log in and keep track of their game scores)
Challenges we ran into
One challenge we ran into is that we were unable to show an image that would connect to a script. This was fixed by using document.getElementBy(ID_Name) to manipulate items in the html. We also struggled to work with Google Cloud products because our team wasn't too familiar with them.
Accomplishments that we're proud of
Our hack is able to show non-repeating images of comics and correctly and update points if users input correct information.
What we learned
We learned how to write html code that interacts with Javascript scripts. We also learned that Gabby needs better time management skills.
What's next for Comic Quiz
The next steps are adding more entries to our comic strip data. We would also like to use Google Cloud to be able for users to save their points and possibly compare scores of players.
Log in or sign up for Devpost to join the conversation.