How I Built an Open-Source Restaurant Storefront with React 19, Tailwind v4 & Direct WhatsApp Checkout

Description and use

FoodFlow is a fast, zero‑backend storefront for restaurants that formats orders into WhatsApp messages, eliminating commissions and complex back‑ends.

Problem

Local restaurants lose up to 30% of revenue to delivery aggregator commissions and lack a lightweight ordering solution.

Outcome

FoodFlow achieves sub‑0.8s LCP on mobile, 100/100 Lighthouse scores, and eliminates backend costs while enabling direct WhatsApp order dispatch.

Workflow

• Clone the repo
• Install dependencies
• Run the dev server
• Use the UI to build a catalog
• Add items, variants, and modifiers
• Place an order
• The app formats the order into a WhatsApp message and opens the chat
• Restaurant receives the order directly on WhatsApp

Evidence

Zero‑backend, ultra‑fast food ordering storefront built with React 19 and Tailwind CSS v4.

Source

Sub‑0.8s LCP on mid‑tier mobile networks.

Source

100/100 Lighthouse scores across Performance, Accessibility, Best Practices, and SEO.

Source