Skip to content

Zergleb/sorting-hat-quiz

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sorting Hat Quiz

Summary

The Sorting Hat Quiz is based on The Harry Potter Hogwarts Sorting Hat, tasked with placing first year students into one of the four Hogwarts houses based on their personality and traits. Using this API to retrieve Hogwarts House and Character data, this quiz uses logic to issue consistent results based on user answers. There are four results with unique content and color styling. If the user does not like their result, they can retake the quiz without refreshing the application. This application is appended to the final solo project for Mod 3 at the Turing School of Software and Design. The rough spec and project rubric can be found here.

How To Use This Application

  1. Clone down this repository to your local machine with git clone <your SSH key>.
  2. Change into the directory with cd sorting-hat-quiz.
  3. Run npm install to compile the application.
  4. Run npm start to see application running on a local host.
  5. Run npm test to see all the passing tests.
  6. Run <your text editor> . to see the code locally.

Technologies Used

Implementation:

  • JavaScript
  • Node Package Manager
  • SCSS
  • React Library
  • propTypes
  • React Router

Testing:

  • React Testing Library
  • Jest

The Working Application

gif of the quiz

Next Steps

  1. Shake up the order of the quiz answers dynamically. Right now all corresponding Gryffindor answers for each question are answer 1, and all Ravenclaw answers for each question are answer 4, etc.
  2. Add a question and logic that gives the user the ability to choose one house they DON'T to be sorted into.
  3. Weight the logic so that some answers are more important than others.

Contributors

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 82.8%
  • SCSS 14.6%
  • HTML 2.6%