Un projet. Plusieurs chapitres.
Site webEn ligneCréé en

Espace Brillance.

Quatre services d’un même groupe, quatre expériences à construire : le centre auto, la location et la vente de véhicules, le convoyage LivrCar et les plaques en ligne Plaqline.

Mon rôle

Conception et développement des sites, des parcours clients, des API et des outils de gestion pour les services d’Espace Brillance.

Next.jsNuxtReactVueToute la stack
Le projet, sur grand et petit écran.Cliquer sur les captures pour agrandir
Feuilletons ensemble

Une idée.
Tout un parcours.

Fais défiler pour découvrir
ce qui se passe à l’intérieur.

Le centre auto et ses prestations

01 / 04Espace Brillance · le centre auto

De la prestation au rendez-vous.

Le site présente la mécanique, le pare-brise avec Euro Pare-Brise+, le nettoyage et les films teintés. Les parcours orientent les demandes vers le bon centre, puis vers les outils de gestion.

  • Comprendre les prestations, choisir son centre et préparer sa demande.
  • Administrer les centres, les offres, les contenus et le suivi des rendez-vous.
Visiter le centre auto

Le centre auto et ses prestations

02 / 04Espace Brillance Locations · Nuxt et Vue

Trouver le véhicule pour son trajet.

Une plateforme dédiée à la location de voitures et d’utilitaires, ainsi qu’à la vente de véhicules d’occasion. Le parcours de réservation fonctionne avec ou sans compte.

  • Choisir ses dates, consulter le catalogue et retrouver le prix de sa période.
  • Suivre sa demande depuis un lien reçu par email ; gérer les véhicules, réservations et contrats côté agence.
Découvrir la location et la vente

Location et vente de véhicules

03 / 04LivrCar · le convoyage

Du tarif au suivi de la livraison.

LivrCar organise la prise en charge d’un véhicule en France métropolitaine pour le livrer en Champagne-Ardenne. Le site relie estimation, dossier, paiement après validation et suivi du trajet.

  • Estimer le tarif à partir des adresses et de la grille en vigueur.
  • Retrouver le suivi cartographique et les états des lieux dans le parcours client.

La carte présentée est la démonstration publique du produit, avec un trajet simulé et un profil fictif.

Découvrir LivrCar

LivrCar : estimer un convoyage · La démonstration du suivi · données fictives

04 / 04Plaqline · le commerce en ligne

Configurer, commander, suivre.

Un site e-commerce pour personnaliser ses plaques, transmettre sa carte grise, payer et suivre la fabrication puis l’expédition. L’atelier dispose de son administration de commandes.

  • Visualiser la configuration selon le numéro, le département et la quantité.
  • Vérifier les justificatifs, confirmer le paiement et suivre les étapes de la commande.
Découvrir Plaqline

Plaqline : les plaques en ligne · Le configurateur public · avant toute saisie

Le produit en action

Le parcours, en pratique.

Explorer les prestations automobiles puis découvrir l’accès à la demande de rendez-vous.

Parcours filmé sur le site public · 17 s · sans son
Du produit au code

Sous la
couverture.

Le centre auto et ses demandes de rendez-vous ; une plateforme de location et de vente avec réservation sans compte ; LivrCar pour estimer un convoyage et suivre le trajet ; Plaqline pour configurer, commander et suivre ses plaques. Chaque service dispose de son parcours métier et de ses outils de gestion.

01

Centre auto

Next.js et React · API Express · MongoDB

02

Location et vente

Nuxt et Vue · API Express · MongoDB · médias et documents sur S3

03

Convoyage LivrCar

Next.js et React · API Hono sur Bun · MongoDB · MapLibre

04

Commandes Plaqline

Next.js · PostgreSQL et Drizzle · Stripe · stockage privé S3

Des parcours métiers adaptés à chaque service

Le centre auto valide les demandes avec Zod avant leur enregistrement. Les contenus, centres, offres et rendez-vous sont ensuite accessibles à l’administration via des routes authentifiées. Les liens entre les sites rendent les autres services du groupe accessibles.

Vérifier les disponibilités et le prix d’une location

Le backend vérifie le véhicule et la période, puis recherche les réservations et contrats qui se chevauchent. Le prix est recalculé côté serveur pour les parcours avec compte comme pour la réservation sans compte ; un total envoyé par le navigateur ne fait pas autorité.

Expliquer un tarif de convoyage

LivrCar calcule une estimation de distance à partir des coordonnées et d’un coefficient routier, puis applique une grille tarifaire versionnée. Si le trajet sort de la grille, le parcours propose une demande de contact au lieu d’extrapoler un prix. Le suivi cartographique et le dossier prolongent le parcours après la demande.

Faire du paiement une étape fiable de la commande

Plaqline recalcule le prix côté serveur et confie le paiement à Stripe. Un webhook vérifié confirme le paiement en contrôlant la commande, la session et le montant. La transition et son journal sont enregistrés dans une transaction PostgreSQL ; la répétition du même événement ne confirme pas deux fois la commande.

La stack
  • Next.js
  • Nuxt
  • React
  • Vue
  • TypeScript
  • Express
  • Hono
  • MongoDB
  • PostgreSQL
  • Stripe
L’histoire continue

Un projet à
écrire ensemble ?

On en parle