Owen / Portfolio

Télémétrie en temps réel

01%

Calibration des systèmes

Aller au contenu
Retour aux projetsVersaVibes

Projet numérique

Mission / 05

VersaVibes

Plateforme web / Ops serveurs de jeu

Une plateforme de gestion et de monitoring pensée pour les serveurs FiveM, Garry's Mod et Minecraft, développée en deux itérations allant d'un panel admin initial à un écosystème produit plus large.

Rôle
Conception produit, design système et développement full-stack
Année
2025-2026
Équipe
Développement solo
VERSAVIBES // PUBLIC FRONTEND
Hero de la homepage publique de VersaVibes utilisé comme visuel principal du projet
3
écosystèmes de jeu
90 j
historique suivi
4
rôles d'accès
2
itérations produit

Technologies

  • Next.js
  • React
  • Node.js
  • TypeScript
  • Express
  • Fastify
  • Prisma
  • PostgreSQL
  • Redis
  • BullMQ
  • Socket.IO
  • Stripe
  • Go

05.01

Centraliser l'exploitation de plusieurs serveurs de jeu

Le besoin de départ est simple: éviter de jongler entre plusieurs outils pour surveiller l'état d'un serveur, partager l'accès avec une équipe, répondre au support et connecter ses addons. VersaVibes regroupe ces usages dans une même interface orientée exploitation.

Le périmètre couvre le suivi d'état, l'historique de connexion, les statistiques de joueurs, les tickets de support et un bridge API pensé pour des environnements comme FiveM et Garry's Mod, puis étendu avec un plugin Minecraft dans la seconde version.

05.02 / Process

Deux itérations, un même produit en train de se structurer

La première version repose sur un duo API Express plus dashboard Next.js. Elle pose les bases du produit: authentification Discord, monitoring, tickets, gestion de serveurs et premiers flux de facturation.

La seconde version élargit nettement l'ambition avec un monorepo dédié, un backend Fastify en TypeScript, Prisma, Redis, BullMQ, Socket.IO et plusieurs surfaces spécialisées autour du même coeur métier.

  1. 01API Express et dashboard Next.js
  2. 02Backend Fastify, Prisma et workers
  3. 03Bot Discord, plugin Minecraft et SDK Go
  4. 04Unification progressive des rôles et des flux

05.03 / Visual

Le hero public qui présente le produit

Le backend et l'API publique ayant été coupés côté client, le produit n'est plus navigable dans son intégralité aujourd'hui. En revanche, plusieurs surfaces publiques du front restent consultables localement et permettent de documenter la qualité visuelle, la hiérarchie d'information et l'orientation produit.

J'utilise ici uniquement le hero de la homepage publique, parce que c'est l'écran qui permet de comprendre le plus rapidement la nature du produit, son nom et sa promesse.

Hero de la homepage publique de VersaVibes capturé en local

05.04

Partager l'accès sans exposer les réglages sensibles

Une partie importante du produit consiste à séparer lecture, administration et support. Les dépôts et la documentation décrivent un modèle avec authentification Discord, rôles granulaires, sous-utilisateurs et historique d'actions pour déléguer sans perdre le contrôle.

Ce choix de conception répond à un besoin concret: permettre à des modérateurs ou membres d'équipe de consulter des statistiques et suivre le support sans leur donner la main sur la configuration complète d'un serveur.

05.05 / Process

Monitoring, temps réel et support dans une même boucle

VersaVibes ne se limite pas à une fiche serveur. Le produit mêle suivi de disponibilité, mesures réseau, statistiques de joueurs et tickets de support, avec une couche temps réel pour éviter de basculer d'un outil à l'autre pendant l'exploitation.

La V2 confirme ce cap avec Socket.IO, Redis et des workers dédiés, tandis que la V1 utilisait déjà GameDig, cron jobs et une API métier pour agréger les données côté serveur.

  1. 01Statut serveur et disponibilité
  2. 02Historique de connexion sur 90 jours
  3. 03Tickets avec chat temps réel
  4. 04Bridge API pour addons et plugins

05.06

Un périmètre technique qui dépasse le simple site web

La structure V2 montre un produit plus large qu'un front marketing: backend Fastify, schéma Prisma, scripts d'administration, bot Discord, plugin Minecraft Gradle et SDK Go pour des usages edge. Chaque brique répond à un contexte précis sans casser l'unité du projet.

C'est ce genre de transition qui m'intéresse dans un case study: partir d'un panel utile, puis reconstruire progressivement l'architecture pour absorber davantage d'intégrations, de temps réel et d'outillage opérationnel.

Aujourd'hui, cette étude de cas documente surtout ce qui reste observable: l'architecture du code, la progression entre V1 et V2 et les écrans publics encore disponibles, le client ayant entre-temps arrêté l'API qui alimentait les parcours connectés.