The Cat Quiz
Overview: The cat quiz was born out of my love for using personality tests to gain introspection. Its also a way for me to remember all the cats I've fostered, each with their own distinct personality. For each question, the user selects the option that they feel most represents them. At the end, the quiz will reveal which of my foster cats they're most similar to. The quiz is responsive to different screen sizes and can be played on desktop or mobile.
How it Works: Each question has a set of answers the user can select. The user must select an answer to proceed. If the user clicks out of an answer, the Next button is disabled. If the user clicks on more than one answer, only the last answer will be saved. After the last question is answered, cats will get a point for each of their answers that match the user's answer. The cat with the highest score is selected. If there are multiple cats with the same max score, the quiz will randomly select one. At the end, the user will see a picutre of the chosen cat and a short bio.
Other Uses: In its current form, there are 7 questions with 4 options each and 12 possible cats that the user can match to. But this quiz was designed to be customizeable and there can be as many questions, answer selections, and quiz results as needed! This would make a great foundation as a web app for shelters. Simply modify the questions to ask what kind of pet the adopter is looking for and update the options to be animals available for adoption. To use this quiz for your own needs, just update the JSON files. You can create new question and answers in the questions.json file. In the catSelection.json file, fill it in with new selections, their choices to each question, as well as a picture and bio.