Jeopardy game built for Mintbean JavaScript Hacks: Hack the Quiz Platform. This was a one week hackathon running from November 13 - 19, 2020.
Check out the app on Netlify at https://jeopardy-hackathon.netlify.app/
The Mayor of Mintropolis has acquisitioned an application to Memorialize the late Alex Trebek.
Alex Trebek Hosted the Mayors favorite game show Jeopardy from 1984-2020 needless to be said he will be missed.
He is asking the developers of Mintropolis create a Quiz Platform that will help this legend's memory live on.
"Jeopardy!" is a classic game show -- with a twist. The answers are given first, and the contestants supply the questions. A user will compete in six categories and in three rounds (with each round's "answers" being worth more prize money). In the third round, "Final Jeopardy," the user can name their own jackpot -- as long as it's within the amount of money they've already earned. If a User finishes the second round with zero dollars, they are eliminated from "Final Jeopardy."
Rules and constraints help keep everybody's projects relevant and interesting to all other participants.
The only restrictions are the following:
- You must build a frontend web application.
- There must be no backend server/serverless components.
- The project is scoped for teams of 1 - 3.
- React (Create React App)
- Redux
- React Router
- Axios
- Jservice.io API
- Netlify
- CSS
- Material UI
- As a user, When the page loads a landing page asking if I want to play
- As a user, When Click play a game board appears
- As a user, When I look at the game board I see 6 columns each with
- A category
- 5 questions with increasing point values
- As a user, when I click on a point value I will be asked a question
- As a user, once the question has been asked I can see a timer showing me the time I have to answer a question
- As a user, If I fail to answer a question in the given time the question will close and my score will be unaffected
- As a user, If I answer a question correctly my score will be increased by the point value on the on the question selected
- As a user, If I answer a question incorrectly my score will be decreased by the point value on the questions selected
- As a user, After a unseen period of time the game will start the next round
- As a user, at the start of the 2nd round the game board is refilled and I continue like the first round
- As a user, at the start of the third round I am given a question and asked to wager from my earned points
- As a user, if I answer the third round question correctly I gain the value of my wager
- As a user, if I answer the third round question incorrectly I lose the value of my wager
- As a user, after the third round I am shown my score and asked if I want to play again
- @material-ui/core: ^4.11.0
- @reduxjs/toolkit: ^1.1.0
- @testing-library/jest-dom: ^4.2.4
- @testing-library/react: ^9.3.2
- @testing-library/user-event: ^7.1.2
- axios: ^0.21.0
- react: ^17.0.1
- react-dom: ^17.0.1
- react-redux: ^7.2.2
- react-router-dom: ^5.2.0
- react-scripts: 4.0.0
- react-spring: ^8.0.27
- redux: ^4.0.5
- redux-devtools-extension: ^2.13.8
- redux-thunk: ^2.3.0
- Fork this repository
- Navigate to the directory where you want to store this project
- git clone your forked directory
- Navigate to the cloned directory
- Run npm install to install all project dependencies
- Run the app with npm start
Questions? Comments?
Andrew Lloyd Github Portfolio Kelsi Proulx Github Portfolio
README: Last updated November 18, 2020