Tous les projets
NestJSGraphQLTypeORMVue 3StripeMySQL

Exalty

Le site d'une équipe esport - présentant les joueurs, leurs rangs en jeu et vendant des produits dérivés, propulsé par une API NestJS GraphQL avec paiements Stripe et un frontend Vue 3.

2023
Page d'accueil Exalty avec le logo de l'équipe sur fond esport sombre

Vue d’ensemble

Exalty est le site officiel de l’équipe esport Exalty. Il présente le roster avec le profil de chaque joueur et son rang en jeu, et propose une boutique de produits dérivés pour que les fans puissent acheter des articles à l’effigie de l’équipe.

Architecture

Structure à deux applications : une API NestJS GraphQL avec TypeORM + MySQL, et un frontend Vue 3 qui la consomme via graphql-request avec TanStack Vue Query pour le cache.

Stack

  • API : NestJS, Apollo GraphQL, TypeORM, MySQL, Stripe, Passport/JWT
  • Frontend : Vue 3, GraphQL, TanStack Vue Query, Vee-validate, Stripe.js
  • Codegen : @graphql-codegen pour les opérations typées
Roster - maillots des joueurs avec leurs rôles
Boutique - maillots personnalisés avec paiement Stripe
Formules d'adhésion - Cotisant, Adhérent, Adhérent Premium