Overview:

Bar trivia is all the rage. Trivializer aims to streamline the process. Gamemasters can write and store all of their questions in one place, and teams/players only need their to use their phones to play.

Check out the live site here:

https://trivializer.com

Technologies Used:

• React
• Node.js
• JSX
• MongoDB
• HTML
• CSS
• React-Bootstrap
• NPM (Pusher, chart.js, axios, express, mongoose, morgan, passport, node-qrcode, react-response, react-scroll)

Walkthrough:

After login the user is presented with a choice to host a game or join a game.

Selecting "Host a Game" takes the user to a page where they can generate questions for the game.

Selecting "Start Game" takes the user to the Gamemaster screen.

Gamemaster screen that provides a QR code for players to join the game and states the rules.

Gamemaster screen once trivia has begun. Button allows the Gamemaster to end a question if all users have answered.

User Views:

The Pre-Game wait screen

Question screen

Answered screen

Answer reveal screen

If the program detects the player leaving the screen they are presented with a cheater message.

Gamemaster Views:

Screen allows players to see how many teams selected each answer

Screen allows Gamemaster to see the current team scores.

Trivializer is the brainchild of:

• Paul Meehan (PaulMeehan)
• Brandon Howell (tbrandonhowell)
• Dave Paquette (hankatola)
• Brendan Howell (bhowell841)