Aller au contenu
Tous les projets
Code privéProjet personnelWebMobile2026

La Tradizionale

Une pizzeria en ligne complète : boutique installable sur mobile, suivi de livraison en temps réel, paiement sécurisé et fidélité, avec un back-office pour l'équipe.

Page d'accueil de La Tradizionale : commande de pizzas et livraison en temps réel

Le point de départ

Une pizzeria qui livre doit gérer trois publics à la fois : le client qui commande et veut savoir où en est sa pizza, le livreur sur la route, et l'équipe qui prépare, encaisse et fidélise. Les plateformes du marché prennent une commission et gardent la relation client.

L'approche choisie

  1. 01

    Une PWA React installable sur mobile : catalogue, panier, livraison ou retrait, codes promo, historique des commandes.

  2. 02

    Un suivi en temps réel : le livreur partage sa position, le client la voit sur une carte Leaflet mise à jour par websocket.

  3. 03

    Un paiement Stripe Checkout autorisé à la commande et capturé à la livraison, ou un règlement en espèces.

  4. 04

    Un back-office qui suit chaque commande, de « en attente » à « finalisée », avec catalogue, clients, statistiques et newsletter.

La carte de La Tradizionale : recherche et catégories pizzas, desserts, boissons
La Tradizionale sur téléphone, installable en PWA, avec sa barre de navigation

Sous le capot

Socket.IO

La position du livreur et les changements de statut arrivent sans rechargement, et le bouton « j'arrive » notifie le client.

Capture différée

Le paiement n'est encaissé qu'à la livraison : une commande annulée n'a rien à rembourser.

Une seule origine

En production, Nginx sert la PWA et relaie /api, /uploads et /socket.io vers Express : aucun CORS à configurer, un seul port exposé.

Ce que j'ai construit

  • Carte de fidélité à tampons par QR code
  • Coupon −20 % au 5ᵉ tampon, pizza offerte au 10ᵉ
  • Codes promo avec seuil, expiration et limite d'usage
  • Frais de livraison et seuil de gratuité réglables
  • Interface livreur avec navigation cartographique
  • Statistiques : chiffre d'affaires, volumes, meilleures ventes
  • Newsletter ciblée par nombre de commandes
  • Rôles client, livreur et administrateur

Bilan et perspectives

Fonctionnel et conteneurisé : MongoDB, API Express/Socket.IO et PWA servie par Nginx démarrent avec une seule commande Docker Compose.

  • Code privé.

Projet suivant

IntraForm

Gestion d'un centre de formation : candidatures, sessions, planning, présences, évaluations.

Vitrine publique d'un centre de formation géré avec IntraForm