ANONYMECODE&DESIGN
← Back to Projects
Live / Production

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

HTMLCSSJavaScript (no framework)

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

Délice Duo 1

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.