Hesam Alavi
Menu
HomeProjectsServicesAboutContact
Work with me
Back to Projects

Menu Scanner: AI-Powered Menu Analysis App

Role: Creator & Full-Stack Developer• Industry: Food / Travel / Consumer

Mobile-first app that scans restaurant menus, explains ingredients, and flags allergens using GPT-4o Vision.

Web AppAI/LLM IntegrationMobile UX
Next.js 16React 19TypeScriptTailwind CSSOpenAI GPT-4o (Vision)react-webcamVercel

Business Problem

Foreign-language menus, especially Italian, make it hard for people with allergies or dietary preferences to order safely and confidently.

Solution

Built a camera-based web app where users photograph menus and get AI-generated item lists, translated ingredients, explanations, and allergen/dietary conflict warnings. Implemented mobile-friendly camera UX and batch analysis to keep performance reasonable.

Key Highlights

  • GPT-4o Vision integration for full-menu analysis (40+ items) in one pass.
  • Personalized allergen and dietary preference settings with localStorage.
  • Color-coded warnings for allergens vs dietary conflicts.
  • Performance optimisations reducing analysis time from ~80s to 8–15s.
  • Hydration-safe architecture balancing SSR and client-side camera logic.

AI & Automation

Core product is built around GPT-4o Vision and LLM reasoning for translation, explanation, and safety alerts.

Outcome & Impact

Provides diners with instant clarity on unfamiliar dishes and ingredients, especially for those with allergies or strict dietary preferences.

Gallery