Posted Friday, January 20th, 2017 • Weekend Project
I used a mix of new and existing technology to create a quiz game that pits players against potentially falsified news headlines.
Inspired by Reddit, I made a fake-news quiz game that pits real, but unbelievable headlines against fake ones, using API data from the Reddit forums ‘The Onion’ and ‘Not The Onion’. Players simply have to guess which are which, and are presented with proof after answering. Their streaks and correctness are tracked, along with the global number of people “fooled”. It was an opportunity to learn about real-time databases, and an excuse to procrastinate vicariously.
I gained experience:
I designed the website to mimic the clear, slab like gauze of physical tabloid print, with pauses in between turns to allow the user to direct themselves to the article in dispute (if they don’t believe the answer). This simplicity allowed me to use CSS3 flex-box to make it mobile-responsive.
I made the inputs the largest individual elements (with some comical imagery), and ever present tickers hinting at the live state of the experiment.
I used Reddit’s ‘random’ API endpoint to grab a random post from both subreddits. Technically, you could cheat, and if I were to revisit it I would clean the code and wrap it all in a closure to remove access to private variables, further obfuscating the variable/function that gives the right answer – it wasn’t too important here.
I used browser cookies to track the user’s current streak.
Overall, it was incredibly rewarding to watch users interact with my project in real-time, and it was several days before it churned completely, due in part to me responding to questions and cross-linking it in different forums.