Food Tour App
Web Application

Food Tour App

ReactNext.jsSupabaseMaterial-UITypeScript
2024-02

Keith Lee Food Tour App

A React application that helps users create custom food tours based on Keith Lee's viral food reviews.

Features

  • Custom food tour generator for different cities
  • Category-based restaurant selection
  • Interactive map integration
  • Random restaurant selection within categories
  • Detailed restaurant information including:
    • Ratings (out of 10)
    • Restaurant type and cuisine
    • Location details
    • Keith Lee's review links
  • Multiple city support including:
    • Las Vegas
    • Houston
    • Los Angeles
    • Miami
    • New York City
    • And more major cities

Technical Implementation

Built with React and Next.js, featuring:

  • Dynamic routing for different cities
  • Google Maps API integration
  • Restaurant database with categorization
  • Random selection algorithm
  • Mobile-responsive design
  • City-based filtering system

How It Works

  1. Users can select their desired city from the sidebar
  2. Choose food categories from the dropdown menu
  3. Click "CREATE FOOD TOUR" to generate a random selection of restaurants
  4. Each restaurant card displays:
    • Restaurant name and location
    • Highest rating from Keith Lee
    • Food category and cuisine type
    • Direct links to watch reviews
    • Website and navigation options
  5. Reset option to generate new selections
  6. Map updates automatically with selected locations

The app makes it easy for food enthusiasts to explore Keith Lee's recommended restaurants and create their own custom food tours in various cities.