Galaxy 10 MM

Intro

The purpose of this game was to drive engagement and increase awareness of client's product. Instead of being a static post about their new product, they went with an interactive mini-game where anyone can participate and win real prizes. A user simply chooses their passion and the game will generate a photo with a random phrase. The user can share or re-generate to get a new result.

Features

• Generate all combinations of text and images (baking text onto images) ahead of time, for QA and consistency
• Collect participant's contact details for lucky draw program
• Must be able to handle spike in traffic without any downtime

Tech Stack

I went with GCP's Cloud Function running a nodeJS server backed by GCP's Cloud SQL. I went with Google Cloud Platform for their near zero downtime service provider agreement.

Some Hiccups

To generate the combinations of text and images, I had a JS script using HTMLCanvas to add text to the images. However, the image quality and style changed from browser to browser and OS to OS. The best results were on MacOS running firebox (iirc)