Relay

Le logo de Relay, une main ouverte dessinée d'un seul trait crème, avec le nom Relay dessous, sur fond noir carbone.

Webapp d'entraide entre étudiants, 2026. Projet de groupe à Ynov, à quatre. J'ai touché à tout. Claude Code, React, TypeScript, Supabase, Vercel, GitHub. Projet réalisé par Clément Gosselin, Product Builder no-code et IA à Ynov Bordeaux.

Tester l'app

Le projet

La demande. Il manque un adaptateur HDMI avant une soutenance, ou un avis sur une maquette Figma, ou quelqu'un qui comprend pourquoi un composant React plante. Relay met ce coup de main en ligne : un étudiant poste une demande flash avec un minuteur, les camarades disponibles la voient arriver en direct et touchent « J'aide ». Ça s'ouvre dans le navigateur, sans rien installer.

Le vrai défi. J'ai touché à tout. On était quatre, tous sur le même site en même temps, en vibe coding avec Claude Code, avec des commits et des pull requests. Le résultat est en ligne : le feed, la création d'une demande en six étapes, la disponibilité « Sur le campus » dans le profil, et une version desktop.

Création d'une demande flash dans Relay : un besoin en une phrase, des catégories (Matériel, Design, Code, Cours, Test UX, Autre), une filière et un lieu.
La demande, en une phrase.
La fin du formulaire de demande flash : l'interrupteur Demande flash sur fond crème, avec l'expiration à 5, 10 ou 15 minutes.
Le minuteur de la demande flash.
Une conversation dans Relay : un étudiant propose d'apporter un câble HDMI avant une soutenance, l'autre le remercie.
La conversation avec celui qui aide.
Le feed de Relay sur ordinateur : une barre latérale à gauche, quatre demandes d'aide en cartes crème et noires avec un bouton J'aide, et à droite le nombre de demandes actives et l'activité récente.
Le feed, sur ordinateur.
Tester l'app

Relay n'est pas une maquette : on peut l'ouvrir sur son téléphone et lancer une demande.