Mesa is a responsive food-ordering operations dashboard for Texas branches, built with Draftbit, Vite, React 19, TypeScript, Tailwind CSS, and React Router.
- Regional overview with sales, order volume, average ticket, and order-time snapshots.
- The Texas pulse branch-health rail with service load, sales, and active-order indicators.
- Searchable and filterable active orders, plus responsive local navigation state.
- Operations brief, service-rhythm chart, and guest-experience summary.
- Light and dark themes driven by the existing TypeScript token system.
This version intentionally uses clearly labeled demo operational data. No backend, authentication, or external API is connected yet. The next implementation step is connecting branches, menu, inventory, team, and orders to the user’s backend or Supabase and replacing the demo collections with live queries.
src/app/routes/_index.tsx— dashboard page, demo data, and interactions.src/theming/themes/— light and dark design tokens.src/components/ui/— reusable Base UI/shadcn-style primitives.
Publishing and custom domains are managed through Draftbit’s Publishing settings.