201-FINAL PROJECT

201d43 Final project by Richard Jimenez, Jeremy Beck, Kristofer Riedman, Christina Gislason

Project: The Four Horsemen of the 201pocalypse

Description: This is a quirky, fun quiz that presents a user with nine questions alongside their respective images. The user answers each question and after submitting their answers, they are directed to a results page that displays which CODE 201 staff that they are most matched with.

Problem Domain: Our quiz allows any code fellow to identify the burning question of which CODE 201 Staff is the equivalent of being their spirit animal.

CONFLICT RESOLUTION

We will try to avoid having members from inadequately contributing to the project by cultivating an open dialogue and assigning work corporately.

We will resolve any conflicts that arise by opening up discussions and also assessing if there is actually a conflict as opposed to there having been a misunderstanding.

We will escalate the conflict if any attempts are unsuccessful and when an individual is not receptive to team suggestions or concerns. At this point, we will approach a TA or instructor to participate in mediating a resolution.

COMMUNICATION PLAN

Our team has agreed that it will be optional to work on the project outside of class hours. If anyone opts for this, they will work on their branch and merge only after the team reviews the work the following morning. Outside of class hours, we will communicate via Slack. We will ensure everyone's voices are heard. After any proposals or questions are posed, we will open up the floor for discussions.

We want to create a safe environment where everyone feels comfortable speaking up by being constructive in our communication and giving each other our full attention whenever a team member would like to discuss an issue.

USER STORIES

As a User...

1. I want an easy to navigate page to prevent confusing layouts or links.
2. I want good UI/UX to make my experience enjoyable and easy to understand.
3. I want to take a quiz to find out which TA spirit animal I am most like.
4. I want to view the quiz results to see which TA I am most similar.
5. I want to view an ‘About Me’ page about the developers of the page so I can understand their backgrounds.
6. I want the results to be based on my selected answers in order to provide the TA I am most like.
7. I want a navigation menu that is visible on every page to create a consistent experience.

As Developers...

1. I want to utilize CSS styling to produce a visually appealing and easy to understand page.
2. I want to write clear, concise and easy-to-read code so that it is easily understood by any developer.
3. I want to create an ‘About Me’ page to give fun facts to our users about the developers.
4. I want to display 4 images as answers to 8 different questions to gather input from the user.
5. I want the results to be saved in localStorage so that the results can be viewed even when leaving the results page.
6. I want each image of answers to be clicked to receive user input on his or her answer to the provided question.
7. I want to have a profile of each TA to provide results to the user that matches his/her responses to the questions.
8. I want to display maintain and add-on results to the results page in a the form of a table to allow the user to retake the same quiz and view the corresponding results.

MINIMUM VIABLE PRODUCT (MVP)

1. Build a page that allows users to take a quiz that matches them to a TA based on his/her response to 8 quiz questions.
2. Produce a Home page, Results page, and About Us page.
3. Create a navigation bar for each page.
4. Display 1 question and 4 images for each quiz question.
5. Allow each of 4 images to receive ‘click’ input from user to select answer.
6. Display results with a TA image and short text.
7. Keep results in localStorage and maintain running list of previous results.
8. Produce good UI/UX.
9. Produce easy to navigate pages with clear navigation.
10. Use proper CSS styling to create visually appealing page.

STRETCH GOALS

1. Create animated side navigation.
2. Create the option for more quizzes.
3. Create page for user to create custom quizzes.
4. Display the most popular TA result in a list/chart.
5. Create a quiz timer.
6. Create form to receive user input for name.

VERSION HISTORY

Version 3.0.0 -- Final Working Product