I was listening to an episode of Hello Internet when the hosts brought up a study that posed a series of general knowledge questions to participants. Linked in the show notes was the study they were referencing, found here. I went to the study to quiz myself, but found that the questions and correct answers were located right next to each other, so it was pretty much impossible to quiz yourself. This inspired me to make a web-version of the quiz that would allow for easy quizzing.
The first order of business was to scrape the study webpage to extract the questions and answers to all the questions. This was made pretty straightforward thanks to an incredible web-scraping Python package Beautiful Soup. Using this module made the process as simple as finding the right column for the question/answer text and extracting that information (along with the recall rate a column to the right). After that, I just stored each question in a JSON file for ease of use later.
After extracting the questions, answers, and recall rate, it was a pretty straightforward process to make a quiz out of it using Javascript. At this point, I hadn't made much using Javascript and wanted to get more familiar, so this was a nice small intro to the language. I also decided to use some Bootstrap features to get acquainted with some of the features and to lessen my design work.
There is still more work that could be done to make the site more mobile-friendly and potentially not allow the user to choose "I was right!" if their answer was starkly different from the expected answer. If you want to play the quiz yourself, go here. You can find the source code to this project here.