Home / Companies / Twilio / Blog / Post Details
Content Deep Dive

Building TwilioQuest with Twilio Sync, Django, and Vue.js

Blog post from Twilio

Post Details
Company
Date Published
Author
David Prothero
Word Count
1,962
Language
English
Hacker News Points
-
Summary

TwilioQuest is a retro-style video game developed by Twilio's Developer Education team as a developer training curriculum. The game uses Wagtail, a Python & Django-based CMS, to manage its content, which includes missions for nearly all of Twilio's products. A REST API built with Django REST Framework (DRF) exposes the data and provides real-time state synchronization through Twilio Sync, allowing the frontend to push updates from the server to the browser in real-time over WebSocket connections. The game is built using Vue.js as its single-page application framework, with a toolchain of Grunt, Browserify, Babel, Karma, and JSHint. Serverless functions are also used to extend the game via webhooks, such as sending congratulatory tweets when someone completes a mission objective. The team behind TwilioQuest is grateful for community feedback and looks forward to incorporating new features in future updates.