This is an interactive quiz that is designed to be utilized as an assessment tool for the NASA SpaceCast video, Worlds Within Worlds. The intended audience for this quiz was middle school students, in a science class, between the ages of eleven and thirteen. This quiz was designed by adjusting the original HTML code created by completing the tutorial Creating a Quiz with AngularJS 1 by Chris Converse on Lynda.com. The changes were made to the background image, asset colors, text size, and information listed in the quiz.
Video walkthrough of the quiz that showcases the interactive features, and how it adjusts to the size of the web browser.
Screenshot of interactive quiz title page. Background image, and design choices, were utilized to create a theme that matches the information from the video.
Screenshot of interactive quiz that utilizes photo components to assess learner's knowledge. The status icon shows a colored circle for every question completed, and a ring for every question answered correctly. The font and text size illustrates proper design hierarchy.
Screenshot of some of the HTML and CSS code used to create the quiz. The code was created and edited using the program Brackets
Below are additional screenshots of the interactive quiz.
