Délice Duo
Commande en ligne / Application web mono-page
Aperçu du projet
Site de commande en ligne pour un commerce de cuisine africaine : menu complet, panier et commande sur une seule page statique, avec WhatsApp comme canal de commande au lieu d’un backend.
Le problème
Un petit commerce de cuisine africaine avait besoin de prendre des commandes en ligne de façon structurée (menu complet, tailles de portion, informations de livraison) sans le budget ni le besoin d’un vrai backend, d’une base de données, ou d’une intégration de passerelle de paiement.
L’objectif
Construire une expérience de commande complète sur une seule page statique : parcourir le menu par catégorie, personnaliser chaque plat, constituer un panier, et passer une vraie commande, en utilisant WhatsApp comme canal de commande plutôt qu’un serveur.
Mon approche
- •12 plats répartis en 4 catégories (Attiéké, Foutou, Riz & Sauces, Autres spécialités), chacun avec des tailles de portion et un choix de protéine quand applicable
- •Restriction des jours de commande : n’accepte les commandes que les vrais jours d’activité du commerce, avec un message de « commande en avance » et le prochain jour disponible affiché sinon
- •Panier complet avec total en temps réel, puis un formulaire de commande (nom, adresse de livraison, téléphone)
- •Paiement par scan UPI (PhonePe, Paytm, Google Pay) ou en espèces à la livraison
- •Passer une commande ouvre un message WhatsApp pré-rempli vers le commerce avec la commande complète, aucun serveur impliqué
- •Reçu de commande généré automatiquement (rendu sur un canvas, téléchargé en image) et historique des commandes conservé localement dans le navigateur
Technologies
Architecture
Un unique fichier HTML statique (environ 50 Ko, CSS et JS inline, aucune étape de build) plus un dossier d’images, la même approche que TUM Corporation, condensée sur une seule page. Il n’y a ni backend ni base de données : le panier et l’historique des commandes vivent entièrement dans le navigateur. Une commande devient réelle dès qu’elle est envoyée, sous forme de message WhatsApp pré-rempli vers le commerce.
Captures d’écran

Résultats
Un site de commande en ligne fonctionnel pour un petit commerce alimentaire, sans coût d’hébergement au-delà d’un simple hébergeur de fichiers statiques et sans intégration de passerelle de paiement, fonctionnant entièrement via WhatsApp comme canal de commande.
Défis rencontrés
Boucler la boucle sur le paiement sans passerelle de paiement : le client saisit les 4 derniers chiffres de sa référence de paiement UPI dans le formulaire, et le parcours lui demande explicitement d’envoyer aussi une capture d’écran de la confirmation de paiement dans la même conversation WhatsApp qui s’ouvre automatiquement.