Hesam Alavi.
Menu
HomeProjectsServicesAboutContact
Work with me
Back to projects

Menu Scanner: AI-Powered Menu Analysis App

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

Role
Creator & Full-Stack Developer
Industry
Food / Travel / Consumer
Web AppAI/LLM IntegrationMobile UX
Next.js 16React 19TypeScriptTailwind CSSOpenAI GPT-4o (Vision)react-webcamVercel

The challenge

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

The 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

Like what you see?

I'd love to hear about what you're building. Let's figure out how I can help.

Get in touch