Turbulent · Star Citizen

En bref

• Refonte du Pledge Store et de son panier, mise en ligne en octobre 2020, pour un jeu financé à plus de 250 M$
• Données du framework PHP historique exposées en GraphQL pour un front React/Apollo découplé
• Full-stack du modèle de données à l'interface, déploiement AWS
• Décisions d'architecture documentées par des dossiers d'architecture

Société montréalaise spécialisée dans les solutions technologiques web et le développement de jeux vidéo. Expériences digitales pour le divertissement, la finance et l’éducation. Environ 150 salariés.

Contexte

Projet Star Citizen — Pledge Store : la boutique en ligne d’un jeu financé par ses joueurs, qui a dépassé 250 M$ levés en décembre 2019 et 300 M$ en juin 2020. Les ventes se concentrent sur les événements : en novembre 2019 (CitizenCon et salon IAE), 9,6 M$ en un mois, contre 1,7 à 3,5 M$ les mois précédents. Développeur full-stack au sein des équipes web de Turbulent, à Montréal.

Point de départ : une boutique rendue par le framework PHP historique de Turbulent, où données et affichage étaient étroitement liés.

Objectif : moderniser l’expérience d’achat avec un front React découplé, alimenté par une API GraphQL, sans réécrire le cœur historique qui porte les comptes et les commandes.

Stack : front-end React avec Apollo (et Vue.js), API GraphQL, back-end PHP et Node.js (Express), MySQL, Memcached, Redis, CI GitLab et Jenkins, cloud AWS.

Réalisations

• Refonte du Pledge Store : nouvelle expérience d’achat des vaisseaux spatiaux
• API GraphQL : exposition des données du framework PHP en GraphQL pour alimenter un front React avec Apollo
• Développement full-stack, du modèle de données à l’interface
• Déploiement et CI : mise en production sur AWS, intégration continue sur GitLab
• Cadrage : découpage des besoins en User Stories et ateliers avec le PO
• Revues de code et rédaction de documents d’architecture

Résultats

• Nouvelle boutique et nouveau panier mis en ligne en octobre 2020, en remplacement de l’ancienne expérience d’achat, pour plus de 1,1 million de comptes payants (fin 2020)
• Données du framework PHP exposées en GraphQL : le front React/Apollo évolue sans toucher au cœur historique
• Décisions d’architecture documentées dans des dossiers d’architecture partagés avec l’équipe