Railz
Un side project conçu et développé avec l’IA : le trafic ferroviaire français en temps réel.
Voir le projet live
Explorez le projet directement sur railz-map.com
Le déclic
Une idée née à 300 km/h
L'idée est venue pendant un trajet de 5 h entre Paris et Toulouse. Une question simple : il existe Flightradar24 pour suivre les avions en temps réel, pourquoi pas l'équivalent pour les trains ? Visualiser le trafic ferroviaire français en direct, sur une carte, avec la position des trains, leurs retards, leurs arrêts.
Une envie personnelle, sans brief ni client : le terrain idéal pour pousser mon workflow de build avec l'IA en autonomie totale.
Dérisquer
Vérifier la faisabilité avant d'écrire une ligne
Avant de me lancer, deux questions à régler : la donnée existe-t-elle, et le projet est-il techniquement faisable seul ?
La donnée
Je me suis renseigné sur les données ferroviaires françaises : une bonne partie est en open data (horaires, trafic, positions, gares). La matière première était disponible et légale à exploiter.
La faisabilité
Plutôt que de foncer, j'ai d'abord construit un plan avec Claude pour dérisquer la faisabilité technique et arrêter la stack. Cette étape de cadrage en amont, penser avant de coder, est le réflexe que j'applique aussi sur mes projets pro.
La stack
Un environnement de build IA complet
Une fois la stack validée, j'ai monté un environnement de développement assisté par IA, le même process que pour mon portfolio : Claude Code dans VS Code comme moteur de développement ; MCP Figma pour relier le design au code ; des skills dédiés pour cadrer les générations ; un repo GitHub dédié, relié à Vercel pour générer des liens de preview dynamiques par branche.
Ce setup me permet de concevoir, coder, prévisualiser et itérer en boucle courte, seul. C'est exactement le workflow que je revendique : un designer qui pilote la chaîne complète jusqu'au déploiement.
Les arbitrages
Comprendre les contraintes, et trancher
Le projet a demandé un arbitrage technique révélateur. J'étais parti sur Mapbox, mais le coût par appel devenait problématique à l'échelle d'une carte temps réel très sollicitée. J'ai basculé sur MapLibre GL JS avec les fonds OpenStreetMap. Le compromis est assumé : une concession sur le style cartographique, contre un gain de coût majeur qui rend le projet soutenable. C'est précisément le type de décision que prend un designer-builder : arbitrer entre l'esthétique idéale et la réalité technique et économique, et trancher en connaissance de cause.
Le design
Un UI kit pour itérer vite
Pour aller vite sans sacrifier la cohérence, j'ai construit un petit UI kit dans Figma : une base de composants qui m'a permis de produire rapidement les écrans, puis de les implémenter et de les affiner avec l'IA.
Le produit
Comprendre le concept dès l'arrivée
Comprendre le concept dès l'arrivée. Une modale d'accueil explique en quelques mots l'idée, pour que l'utilisateur sache immédiatement ce qu'il regarde et comment l'explorer.
Lire le trafic national d'un coup d'œil
La carte affiche le trafic ferroviaire en temps réel sur toute la France. Un système de clustering regroupe les trains par zone pour gérer la densité : on lit la situation globale, puis on zoome pour le détail.
Explorer une gare
Chaque gare de France a sa fiche : photo et description issues de Wikipedia, fréquentation moyenne en passagers/jour, et le tableau des départs et arrivées avec les retards signalés en direct.
Suivre un train en direct
Au clic sur un train, ou via la recherche par numéro, on accède à sa timeline complète : liste des arrêts, horaires, retards identifiés, et tracé live du parcours sur la carte.
Le responsive
Une carte temps réel, du desktop au mobile
Railz est pensé comme une Progressive Web App, accessible sur tout appareil sans installation. Le vrai défi était d'adapter une interface dense — carte interactive, panneaux de données, timeline — à toutes les tailles d'écran sans sacrifier la lisibilité.
Sur desktop, les informations s'affichent en panneaux superposés à la carte ; sur mobile, elles se réorganisent en bottom sheet, pour garder la carte au premier plan et l'usage à une main confortable.
Ce que ça prouve
Railz n'a pas de métrique business : c'est un side project, et c'est assumé. Sa valeur est ailleurs. Il prouve, de bout en bout, qu'il est possible de concevoir et développer seul un produit complet avec l'IA — depuis le dérisquage technique jusqu'au déploiement, en arbitrant les contraintes réelles en chemin.
C'est le même workflow que j'utilise dans mon travail quotidien, appliqué ici en autonomie totale. La meilleure preuve de mon positionnement designer-builder, ce n'est pas de le dire : c'est de l'avoir construit.