Fandango.ai

A React application that provides an AI-powered chat interface for searching, viewing, and booking movie tickets through Fandango.

Features

• Interactive chat interface to search for movies
• AI-powered responses with movie listings and showtimes
• Theater screenshot visualization
• Seat selection assistance

Tech Stack

Frontend

• React 19
• Material UI 7
• Modern UI with responsive design

Backend

• Node.js with Express
• Google Generative AI integration
• BrowserBase for web scraping
• Playwright for browser automation

Getting Started

Prerequisites

• Node.js (v16+)
• npm or yarn

Installation

1. Clone the repository

   git clone https://github.com/yourusername/fandango.ai.git
   cd fandango.ai
   

2. Install frontend dependencies

   cd src
   npm install
   

3. Install backend dependencies

   cd ../functions
   npm install
   

4. Create a .env file in the src directory with:

   REACT_APP_API_URL=http://localhost:5000/api/chat
   

5. Create a .env file in the functions directory with your API keys

Running the Application

1. Start the backend server

   cd functions
   npm run dev
   

2. Start the frontend application

   cd src
   npm start
   

3. Open http://localhost:3000 in your browser

Usage

1. Type a movie query in the chat box (e.g., "Show me showtimes for Dune: Part Two in Los Angeles")
2. View the AI-generated response with movie listings and showtimes
3. Select specific showtimes and seats through the chat interface