Want to host a trivia night but don't know where to start? Trivia Night is here! With Trivia Night a user will land on the page and see a series of trivia categories. From there the user will see a list of trivia questions for that category. They can then add and remove questions to their game page to create their own customized list of trivia questions!
Trivia Night is a React.js application, consuming The Trivia API to source trivia questions for hosting a game night!
Endpoints utilized by Trivia Night for the questions data included queries for category, difficulty and amount of questions to return.
Each time the user selects a category from the home view, the button sends the category value to the fetch call to request the interpolated category query.
https://the-trivia-api.com/api/questions?categories=food_and_drink&limit=20
-
Kanban process with GitHub Projects
-
Wireframing with Figma
-
Component Architecture
- Clean and consistent React Architecture
- Implementation of Typescript
- Create a multi-page UX using Router
- User flows tested with cypress
- Project spec can be found here
- Clone the repo down to your machine
- Open the root directory and run
npm ito install dependencies - Run
npm startin the terminal to open the webpage - Open a second terminal tab and run
npm run cypress(while localhost:3000 is still running) to access the cypress testing for this app
- User can save questions to their game
- User can remove questions from their game
- Fully tested with Cypress
- React.js
- Typescript
- React Router
- CSS
- HTML
- Cypress
- RESTful APIs
- Figma
- GitHub Projects & Issues
- Clean and consistent React Architecture
- Implementation of Typescript
- Create a multi-page UX using Router
- User flows tested with cypress
- Project spec can be found here
- Incorporate Sass
- A user can add their own questions
- Sort questions by difficulty
- Play a trivia game in app
| Geena Jackson: GitHub | Sam Mistele: GitHub | Casey Halstead: GitHub | Brenda Sotelo: Github |
 |
 |
 |
 |