Quiz app

About the project

This little quiz game was developed for a campaign of a broadcasting company. Users could take the humorous quiz to find out how much "Berliner" or how much "Brandenburger" they are.

Scope

The app is developed with PHP and jQuery. My part was mainly the frontend, which means the theming and the game logic: fetching, processing and rendering the data from the CMS, calculating the score and animating the result screen. I worked closely together with the (remote) backend developer and with the client's IT department for coordination and adjustments to the API.

Challenges

• The app must be reusable for an arbitrary amount of questions and a custom score for each answer.
• Questions and answers can have a number of different media types: text, images, audio, video or a combination of those.
• Each broadcast station has its own color theme.
• The app is keyboard- and screenreader-accessible.
• The user should be able to share their own result on social media platforms, but the shared link should redirect back to the start of the game, which made it necessary to generate a result image on the fly and set it as an open graph image tag.

Tech Stack

• jQuery
• PHP