# Customer Experience: Interactive menu | Vronika

The menu loads live categories, menu items, and digital recipes, then gives guests search, dietary discovery, cart actions, and table-aware ordering in one responsive surface.

---

**Path:** /platform/frontend/menu
**Canonical:** https://vronika.co/platform/frontend/menu
**Category:** Platform: Customer Experience
**Live Route:** /menu
**Source File:** trifecta/client/src/pages/Menu.tsx

## How It Works

1. React Query loads menu categories, items, recipes, popular searches, and an open table check when a table is present in the URL.
2. Search combines server matches with recent searches saved in local storage while keystroke and completion events are recorded for search analytics.
3. Selecting items builds the shared cart or attaches ordering context to the active table session.

## Features

- Category navigation with sticky mobile behavior
- Server-backed search and popular-query suggestions
- Dietary flags and menu-item detail presentation
- Recent-search persistence
- Table-session cart prefill

## Integrations

- Toast-backed menu APIs
- Pay-at-table check API
- Digital recipe catalog
- Browser local and session storage

---

## Sources
Content derived from the live trifectabar.com codebase and deployed platform. This explainer documents implemented code and does not expose protected source routes or business data.