Back to portfolio
DineIntel — Smart Dining & Social Food logoRestaurant discovery & social dining

DineIntel — Smart Dining & Social Food

A Flutter dining companion: personalized restaurant discovery, an AI dish-modification engine with nutrition insights, group outings with live voting, and an Epicurean Concierge chatbot — shown here as a Flutter-web build with mock data, light and dark themes.

FlutterDartBLoCAndroidiOSMock Data

DineIntel is a feature-rich Flutter dining app rebuilt as a Flutter-web showcase. The production app's Firebase, Google Places, and AI back-ends are swapped for mock repositories, so the whole experience runs offline — no keys, no network — while preserving the original design system exactly.

It is organized feature-first with the BLoC/Cubit pattern: a personalized For-You home and rich restaurant detail pages with a keyless OpenStreetMap, a Modify Dish flow that tunes meals to your macros with a health score and AI insight, Dine Groups for planning outings with live restaurant and date voting, and an Epicurean Concierge chat that recommends and reserves tables.

Every screen ships polished light and dark themes on a navy, green, and amber palette with Poppins type. A query-param deep-link system (?screen=…&theme=…) drives the web build, which doubles as the source for the automated Playwright screenshot and mockup pipeline.

Presentation

Mockups

DineIntel — discover: personalized home, restaurant details, search, and a keyless map
DineIntel — Dine Group: group details with live voting, groups list, and notifications
DineIntel — AI concierge: chat guide, dish nutrition insights, and saved meals
DineIntel — discover in dark mode: home, details, map, and search
DineIntel — Dine Group in dark mode: voting, groups, and settings
DineIntel — AI concierge in dark mode: chat, nutrition, saved meals, and onboarding
Details

App presentation

Smart Dining App

Personalized restaurant discovery, AI dish modification with nutrition insights, group outings with live voting, and an AI dining concierge — light & dark, offline mock data.

DineIntel is a Flutter dining app rebuilt as a Flutter-web showcase, with its Firebase, Google Places, and AI back-ends replaced by mock repositories so it runs fully offline while keeping the production design system. It is organized feature-first with flutter_bloc (Cubit) and equatable. Four pillars sit behind a custom bottom navigation bar: a Discover tab with a personalized For-You home, trending lists, a search screen with cuisine filters, and rich restaurant detail pages featuring a photo carousel, highlights, and a keyless OpenStreetMap (flutter_map); a Modify Dish tab listing AI-tuned saved meals that open a nutrition detail with a hand-painted macro donut, a health score, ingredients, and an AI insight; a Dine Group tab with Your/Joined groups, a group detail page carrying an interactive event card (live voting countdown plus restaurant and date voting with live tally bars) and a social feed of posts, image galleries, and shared-restaurant cards; and a Profile tab with favorites, notifications, and a full settings surface. An Epicurean Concierge chatbot offers conversational dining help with inline restaurant cards. Every screen ships light and dark themes, and a query-param deep-link system powers the web build and the automated Playwright screenshot + mockup pipeline.

  • Mobile app compiled to Flutter web for the portfolio — fully offline with mock data, no keys or backend.
  • Personalized For-You home, trending lists, cuisine search, and rich restaurant detail pages.
  • Keyless map with flutter_map + OpenStreetMap tiles — location picking with no API key.
  • Modify Dish nutrition insights: a hand-painted macro donut, health score, ingredients, and AI tip.
  • Dine Group outings: live voting countdown, restaurant + date voting with tally bars, and a social feed.
  • Epicurean Concierge AI chat with suggestion chips and inline restaurant recommendation cards.
  • Feature-first BLoC/Cubit architecture, navy/green/amber palette, and polished light + dark themes.

Discover

  • Personalized For-You home with trending-near-you lists and open/closed status.
  • Search screen with cuisine filter chips and a results list.
  • Restaurant detail page with a photo carousel, highlights, ratings, and reviews.
  • Keyless OpenStreetMap location picker — no Google Places key required.

Modify Dish & Concierge

  • Saved-meals list of AI-tuned dishes with macros and diet tags.
  • Meal detail with a hand-painted macro donut, calorie + health score, and ingredients.
  • An AI insight per dish explaining the optimization and how to order it.
  • Epicurean Concierge chat with suggestion chips and inline restaurant cards.

Dine Group

  • Your Groups / Joined Groups tabs with a grid of public and private groups.
  • Group detail with a cover header, member stack, and an upcoming event card.
  • Live voting: a countdown plus restaurant and date voting with live tally bars.
  • Social feed with posts, image galleries, shared-restaurant cards, and likes.

Architecture & Design

  • Feature-first structure with flutter_bloc (Cubit), equatable, and mock repositories.
  • Query-param deep links (?screen=…&theme=…) drive the web build and screenshot pipeline.
  • Navy / green / amber palette with Poppins type, mirroring the production app.
  • Polished light and dark themes across every screen.