Délice Duo
Food Ordering / Single-Page Web App
Project Overview
Online ordering site for an African cuisine business: full menu, cart and checkout running on a single static page, with WhatsApp as the order channel instead of a backend.
The Problem
A small African-cuisine food business needed to take structured orders online (full menu, portion sizes, delivery details) without the budget or need for a real backend, a database, or a payment-gateway integration.
The Objective
Build a complete ordering experience on a single static page: browse the menu by category, customize each dish, build a cart, and place a real order, using WhatsApp as the order channel instead of a server.
My Approach
- •12 dishes across 4 categories (Attiéké, Foutou, Riz & Sauces, Autres spécialités), each with portion sizes and a protein choice where relevant
- •Order-day gating: only accepts orders on the business's real operating days, with an "advance order" message and the next available day shown otherwise
- •Full cart with running total, then a checkout form (name, delivery address, phone)
- •Payment by UPI scan (PhonePe, Paytm, Google Pay) or cash on delivery
- •Placing an order opens a prefilled WhatsApp message to the vendor with the full order, no server involved
- •Auto-generated order receipt (rendered on a canvas, downloaded as an image) and a local order history saved in the browser
Technology
Architecture
A single static HTML file (about 50KB, CSS and JS inline, no build step) plus an images folder, the same approach as TUM Corporation, condensed to one page. There is no backend or database: cart and order history live entirely in the browser. An order becomes real the moment it's sent, as a prefilled WhatsApp message to the vendor.
Screenshots

Results
A live ordering site for a small food business with zero hosting cost beyond a static file host and zero payment-gateway integration, running entirely on WhatsApp as the order channel.
Challenges
Closing the loop on payment with no payment gateway: the customer enters the last 4 digits of their UPI payment reference into the form, and the flow explicitly asks them to also send a screenshot of the payment confirmation in the same WhatsApp conversation that opens automatically.