Buzzfeed Quiz

For this assignment in my Full-Stack Web Dev class, we were tasked with creating a Javascript Buzzfeed-style quiz with the following specifications:

Questions: Display several questions with some number of potential answers

Answers: Show question answers with 4 potential display states (initial none selected, hover, clicked/selected, not selected) and an associated value to be used to calculate overall quiz output

Done Button: Calculate the quiz output

Output Display: Display when all calculatoins are finished and shows some kind of error if not all questions were answered

I created a quiz that takes the user's inputs and calculates a hex color value. The quiz is framed as a "palette", and the user adds certain amounts of cyan, magenta, and yellow to create their final color mix. The background and option boxes also update their colors in response to the user's inputs.

More UI/UX Projects