Site public
Accueil, destinations, horaires, itinéraires mis en avant, FAQ et pages de contenu.
Retour au portfolio
Développement logiciel · Réalisé
Plateforme SaaSVente de billets en ligne : Billetterie autocar en ligne au Maroc
Une plateforme de billetterie autocar en ligne au Maroc avec réservation, paiement CMI, choix de siège et e-ticket QR.
Booking homepageRéalisé
Trip search
Reservation flow
Online payment
Vue d'ensemble
Enjeu métier
Créer un parcours de réservation simple et fiable tout en synchronisant disponibilités, tarification, paiement et administration dans un environnement multilingue adapté au marché marocain.
- Recherche fragmentée des destinations, horaires et départs disponibles
- Dépendance au paiement en espèces au guichet
- Absence de choix de siège et de billet numérique vérifiable
- Expériences rarement disponibles en français, arabe RTL et anglais
La plateforme Smart Gare Online Booking accompagne le voyageur depuis la recherche d'une destination jusqu'à la réception de son billet électronique.
Elle propose les horaires disponibles, un plan de sièges interactif, les informations passager, les promotions, le paiement CMI et l'émission immédiate d'un billet PDF avec QR code.
Fonctionnalités principales
Fonctionnalités : billetterie autocar en ligne au Maroc
Recherche
Destinations, dates, horaires et départs disponibles.
Réservation
Choix du siège, voyageurs, coupons et validation du panier.
Paiement CMI
Paiement par carte, callbacks sécurisés et confirmation.
E-tickets
Billets QR, génération PDF et formats prêts à imprimer.
Authentification
Inscription, connexion, réinitialisation du mot de passe et vérification email avec Sanctum.
Espace voyageur
Profil, réservations, paiements et notifications.
Administration
Routes, destinations, promotions, statistiques et exports.
Enrichissement des données
Connexion possible à l'API gare pour aligner destinations et réseau opérateur.
Interface multilingue
Français, arabe avec RTL réel et anglais sur tout le parcours.
Pipeline opérationnel
Du besoin au résultat, sans rupture
- 01
Rechercher
Choisir la ville de départ, la destination et la date de voyage.
- 02
Comparer
Consulter les départs, horaires, prix, opérateurs et places disponibles.
- 03
Choisir
Sélectionner le siège sur un plan interactif et renseigner les voyageurs.
- 04
Optimiser
Appliquer une promotion ou un coupon avant la validation.
- 05
Payer
Régler par carte via CMI avec traitement sécurisé du retour de paiement.
- 06
Voyager
Recevoir immédiatement le billet PDF avec QR code, prêt à être présenté ou imprimé.
Architecture technique
Backend API
PHP 8.2+, Laravel 12, Sanctum et Ziggy pour les sessions, routes, paiements et règles métier.
Expérience voyageur
React 18, Vite 7, React Router, Tailwind CSS, Headless UI et Framer Motion.
État et formulaires
Zustand, React Hook Form et Zod pour un parcours typé et validé.
Paiement
Callbacks CMI traités dans la couche Web Laravel avec le contexte de session.
Documents
jsPDF, html2canvas, react-to-print et QR codes pour billets et reçus.
Pilotage
Recharts pour les statistiques et tableaux de bord administrateur.
Qualité
Jest 30, Puppeteer et PHPUnit pour les tests unitaires et navigateur.
Choix techniques
Laravel 12
- Sanctum pour les sessions SPA et tokens API
- Ziggy pour utiliser les routes Laravel nommées dans React
- Séparation des routes JSON, du shell SPA et des callbacks CMI
- Migrations et seeders reproductibles
React orienté voyageur
- SPA mobile-first avec transitions Framer Motion
- Formulaires validés par schéma avec React Hook Form et Zod
- Français, arabe RTL et anglais comme langues de premier niveau
- Titres et métadonnées dynamiques avec react-helmet-async
Billets et paiement
- Paiement bancaire CMI adapté au marché marocain
- Promotions et coupons intégrés au checkout
- Billets PDF avec QR code générés côté client
- Historique des réservations, paiements et notifications
Conçu pour
- Voyageurs interurbains
- Compagnies et coopératives de transport
- Agents commerciaux et équipes support
- Administrateurs de plateformes de réservation
Points distinctifs
- Parcours complet de la recherche au billet QR
- Paiement CMI adapté au marché marocain
- Français, arabe RTL et anglais
- Administration des lignes, offres et statistiques
Résultats et impact
- Vente disponible en continu depuis mobile ou ordinateur
- Disponibilités et sièges centralisés en temps réel
- Billet électronique généré immédiatement après paiement
- Gestion autonome des promotions, trajets et contenus
- Parcours trilingue FR, AR et EN avec prise en charge RTL
- Déploiements reproductibles grâce à Docker Compose
Questions fréquentes
Questions fréquentes
Qu'est-ce que Smart Gare Online Booking ?
Une plateforme Web pour rechercher, réserver et payer des billets d'autocar interurbain au Maroc, avec choix de siège et billet électronique QR.
Quel moyen de paiement est pris en charge ?
La plateforme intègre CMI, la passerelle monétique marocaine, avec traitement natif des callbacks dans Laravel.
Quelles langues sont disponibles ?
Le parcours prend en charge le français, l'arabe avec une véritable mise en page RTL et l'anglais.
La plateforme émet-elle des e-tickets ?
Oui. Après paiement, un billet PDF avec QR code est généré pour téléchargement, impression et contrôle à l'embarquement.
Quelle technologie est utilisée ?
Le backend repose sur Laravel 12 et PHP 8.2+, avec un frontend React 18 construit avec Vite, Tailwind CSS, Zustand, React Hook Form et Zod.
2SIS