Project #5 For the Community: An Interactive Quiz or Tool
Image from Caroline Sinders - Wage Calculator
Description
In your final project, you will be tasked with using older HTML/CSS concepts such as DOM elements: input, forms, and buttons, and newer Javascript concepts like localStorage, to create an interactive quiz or tool!
While your quiz or tool can be about anything, it must center a specific group/demographic/community and providing some kind of experience or opportunity to the group. You can choose to define that community and what it means for you, on your own terms. Just be sure and explicit about who it is for, and why you’re making it.
It is best to center a group that you have DIRECT relationships with and not make assumptions about other groups. Nevertheless, we encourage you to research your chosen group as to not solely rely on your own lived experiences and assumptions about what the potential need or opportunity may be. You’ll want to define the challenge and use your quiz or tool as potential, feasible solution that addresses some or all of that challenge.
Technical Requirements
- Your Quiz should have at least 8 questions
- Have user input through form elements and event handlers (think: buttons!)
- Store user input using local storage
- Taking those locally stored answers and using them to change aspects of the webpage
- Work locally with HTML, CSS & Javascript
- Store your code cleanly in a Github Repository
- Testing & documenting your quiz with users
- Have a well documented README.md file highlighting your design process, inspiration and references, challenges you faced and next steps for the project if you had more time to complete it and create a second version.
Required Readings
(1) On Useful Art
Resources
(1)
On Local Storage
Timeline & Deliverables
April 28th | April 29th
Develop the content of your quiz, come into class with:
- Your Quiz subject matter decided
- 10 questions to include on the quiz (which will then be narrowed down)
- 2 sketches of what the quiz will look like. Post to discord channel to get feedback from instructor.
May 5th | May 6th
Develop a working prototype of the Quiz,, all the questions should be added so that we can do user testing in class.
May 13th | May 14th
Between May 6th and May 13th, you’ll be asked to test your quiz one more time with another person. Please be sure to document this interaction.
Come in on May 13th | May 14th with your final project.
Submission Guidelines
Submit your finalized repository & github pages link to Canvas