Trivia Game

A couch trivia game with multiple possible categories where the players use their smart phone as a controller and a browser in fullscreen for the game. Accompanying the question a movie clip, music or an image could be played with 4 possible answers. This project previously used WebRTC and tried to use do everything in the browser which made a nightmare to support.

Build instructions:

with node (tested on node20):

git clone https://github.com/buxxi/trivia-game.git
cd trivia-game
npm install
npm run start

or with Docker:

git clone https://github.com/buxxi/trivia-game.git
cd trivia-game
sudo docker build -t buxxi/trivia .
sudo docker run -d -p 8080:8080 --volume ~/.trivia-game/conf:/opt/trivia/conf --restart always --name trivia buxxi/trivia

Sample screenshot:

(a bit outdated)

Notable libraries used:

• Vue.js: https://vuejs.org/
• SASS: https://sass-lang.com/
• FontAwesome: http://fontawesome.io/
• qcode-decode: https://github.com/cirocosta/qcode-decoder
• pizzicato: https://alemangui.github.io/pizzicato
• wavesurfer: https://wavesurfer-js.org/
• randomColor: https://github.com/davidmerfield/randomColor
• Compromise: https://github.com/nlp-compromise/compromise

API's used:

• Youtube: https://developers.google.com/youtube/v3
• The movie database: http://docs.themoviedb.apiary.io
• REST Countries: https://restcountries.eu
• IGDB: https://www.igdb.com/api
• The Cocktail DB: http://www.thecocktaildb.com/api/json/v1/1/random.php

Clips from:

• https://www.youtube.com/user/movieclips/videos
• https://www.youtube.com/user/SupraDarky/videos

Music & sound from:

• http://soundbible.com/tags-beep.html
• https://soundbible.com/1830-Sad-Trombone.html
• https://soundbible.com/1964-Small-Crowd-Applause.html
• Last Haze - https://open.spotify.com/track/4fMVIYFWlSXxXQowcB8csH?si=9562dc0736ce4a9f

Background pattern from:

• http://subtlepatterns.com/

Avatars from:

• Twemoji: https://github.com/twitter/twemoji