/app-xphoot

Kahoot-like quiz game app made with Enonic XP

Primary LanguageJavaScriptApache License 2.0Apache-2.0

xpHoot App

xpHoot Logo

The Quest

Once upon a time, three backend-developers that were awed by the enjoyment of http://kahoot.it asked themselves how difficult it would be to create a (suspiciously) similar app using Enonic XP. They wondered if the powers of lib/xp/websockets, a single sprint, their bare hands and meagre front-end skills would be enough to conquer this quest?

The Journey

Filled with fear of the dreaded beast of the css, but equally encouraged by the apparent mightyness of the spiked club of websocket-lib they left their safe haven of backendtown, and started designing the application flow. And it was beautiful. The pieces clicked together like they had been practicing all their life for this particular task, and the websocket-lib swashed away all the foes of complexity.

After only two days of travel, the beast of css stood before them, the last obstacle before they could be successful. And it was indeed a mighty opponent, but with guidance by the wise masters of frontend and the secret, ancient algorithm of "changing stuff and seeing what happens", they were able to slay the beast and capture the...eh..artifact of xpHoot.

Features

  • Easily create and manage quizzes in the Content Studio
  • Support for Images in questions
  • Support for Spotify-id's and uploaded mp3-files in questions
  • Quiz background music
  • Results are stored and will be used for statistics in future versions

Upcoming features

  • Client keep-alive handling
  • End question-timer when all connected players have answered
  • Quiz statistics
  • Show score stats/changes on client on answer

Spotify Integration

Using Spotify music tracks in the questions requires access to their API. Previously Spotify API was open but now the requests need to be authenticated.

To set up Spotify in xpHoot follow these steps:

  • Go to https://developer.spotify.com/my-applications/
  • Sign in or register as a new user.
  • Click on "Create an App" and enter a name and a description.
  • Copy the text from the generated Client ID and Client Secret.
  • Edit the xpHoot site in Enonic XP.
  • Click the pencil icon to edit the xpHoot App settings.
  • Enter the Client ID and Client Secret. Click Apply and then Save.

Note that not all the tracks available provide the 30 second preview that can be used in xpHoot questions. (See also issue #592 and issue #516).

Tracks that support the preview will appear with a small music note icon 🎵 in Content Studio editor.