Roadbook interactif · Projet personnel
Road Trip USA
Un roadbook complet pour préparer et raconter 13 jours dans l’Ouest américain : itinéraire, étapes, cartes, temps forts, photos et administration.
- Rôle
- Projet personnel · Conception, design, contenu et développement full-stack
- Période
- 2026 · Projet en évolution
- Socle
- Next.js, TypeScript, React, Tailwind CSS, MySQL
Le contexte
D’où part le projet ?
Préparer un voyage entre San Francisco, Yosemite, Las Vegas, les parcs de l’Utah, le Grand Canyon, la Route 66 et Los Angeles produit une grande quantité d’informations. Les étapes, horaires, distances et idées étaient difficiles à consulter dans des documents séparés.
Le défi
Ce qu’il fallait résoudre.
Transformer cette préparation dense en une expérience agréable à explorer avant le départ, mais également utile sur mobile pendant le voyage. Le site devait raconter une progression sans sacrifier les informations pratiques.
Le système construit
Une réponse structurée,
pensée pour évoluer.
Une application Next.js structurée autour du parcours : une entrée immersive, un itinéraire détaillé, des pages pour chaque journée, les lieux attendus, une galerie et un suivi communautaire. Une administration intégrée permet d’ajouter et d’organiser les photos sans modifier le code.
Faire du parcours le fil conducteur
Le contenu n’est pas présenté comme une accumulation de fiches. Le voyage est découpé en chapitres qui font progresser le visiteur des villes vers les montagnes, puis vers les déserts, les canyons et la Route 66.
Une application pensée pour évoluer
Le projet associe des pages serveur Next.js, une base MariaDB et une administration intégrée.
- Itinéraire et carte des étapes
- Pages détaillées pour chaque journée
- Galeries de photos
- Compte à rebours et informations pratiques
- Administration des médias
Ce que ce projet démontre
Ma capacité à partir d’une idée personnelle, organiser beaucoup de contenu, créer une identité visuelle cohérente et livrer une application complète jusque dans son administration.
Une interface adaptée à chaque écran
Deux compositions spécifiques ont été prévues pour conserver l’impact visuel sur ordinateur comme sur mobile.
Ce que le projet démontre
Socle technique