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

说明与用途

FoodFlow 是一个快速、无后端的餐厅前端，能够将订单格式化为 WhatsApp 消息，消除佣金和复杂后端。

问题

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

结果

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

工作流

• 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

证据

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

来源

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

来源

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

来源