Quiz Me is an interactive trivia app that allows the user to choose from three difficulty levels - easy, medium, or hard. After the user chooses how spicy they want their quesitons to be, they are redirected to a page with 10 random questions from the API. After all 10 questions are answered, the user is able to click on the submit button to see how many questions they answered correctly. The results page also gives the user the option to play again which routes them to the home page to start the fun all over again.
Test your general knowledge on the deployed webpage!
Choose difficulty level to load questions from API
Answer all ten questions to see how smart you are
After building several projects with vanilla JavaScript, HTML, and CSS, we are now working with the magic of React. This project challenged us to implement yet another technology of our choice through self-teaching and exploration. We decided to go with React's Context API so we could start working with global state management. Context API provides a way to pass data through the component tree without having to pass props down manually at every level.
- Context API
- React
- React Router
- React Hooks
- Cypress (testing framework)
This project was bootstrapped with Create React App.
- Clone this repo to your local computer
git clone [email protected]:sarahrudy/quiz-me.git - Install NPM packages
npm install - Run the app from your terminal
npm start - Open http://localhost:3000 to view it in the browser
- User will be able to choose a specific category (i.e. entertainment, video games, history, etc.)
- User will be able to choose how many questions they want to answer - 10, 20, or 30
- User will be able to see which questions they got correct and which questions they got wrong
