Build recipe · Web app

TasteBud — a restaurant that takes bookings

A multi-page menu with categories, real food photography and prices, plus a working reservations flow — the kind of thing that used to be a fortnight with a developer. Here is exactly what we typed and tuned to get there.

Type · Web appTone · Business
The one line you typed
› Create a restaurant menu app for TasteBud with categories (Starters, Mains, Desserts, Drinks), items with prices, and a reservations page

Follow these steps in the Beetler builder to reproduce this exact app. Button and chip names are written the way they appear on screen.

  1. Paste the one-line prompt.
    Type the prompt above into the box (placeholder “I want an app to…”). Prefer to describe a rough idea instead? Click Generate It and Beetler writes the full prompt for you — here we pasted it in full.
  2. Choose a tone.
    Under “App personality”, click Business.
    The Tone chips: Business, Fun, Hobby, Minimal, Luxury, Editorial, Creative.
  3. Click Build It.
    Beetler detects the restaurant domain and builds four pages — Menu, Dish detail, Reserve a Table and Confirmation — generates 12 menu items across your four categories, and sources a real photo for every dish. Wait for the preview to load.
    The blue Build It button.
  4. Recolour it.
    Once the app is built, a chat box appears (“What would you like to change?”). Type /style warm terracotta and olive and press Change It — Beetler proposes a palette; click Apply This Palette and the whole app recolours in place, no reload — every button, accent and surface. Look at the reservation form's Submit button before and after:
    The reservation form Submit button in the cool palette Beetler first generated: a blue button on a cool grey background.
    Before — Beetler's first palette
    The same Submit button after applying warm terracotta and olive: a terracotta button on a warm cream background.
    After — /style + Apply
  5. Set the fonts.
    Click Typography, pick Playfair Display for headings and Merriweather for body, then Apply This Typography.
  6. Set currency & region.
    Click Locale and set currency to GBP (£) with UK date format. Every price reformats instantly.
  7. Add the opening-hours banner.
    Click Add Widget, describe an opening-hours banner (Mon–Thu 12:00–22:00, Fri–Sat 12:00–23:00, Sun closed), generate it, and place it above the menu.
  8. Publish or export.
    Open My Apps and click Publish for a shareable link with a QR code, or Download standalone source code as a zip to take the React project with you.
The finished app
The finished TasteBud menu: an ink header with a terracotta accent, a photographic hero reading Menu with an Explore the menu button, a cream search and category section, and dish cards with real food photography and pound prices.
The live app at /demo-app/…/tastebud-restaurant — ink header, cream ground, Playfair headings, real photos and £ prices.