netflix/chat-interface

Netflix GPD Key Art Playbook Chatbot

A React frontend for the Netflix GPD Key Art Playbook Chatbot, providing a chat interface to query the Netflix marketing knowledge base.

Features

• Clean chat interface for asking questions about Netflix marketing materials
• Sources and reasoning display for transparency
• Session-based memory for contextual conversations
• Conversation management system

Development

Prerequisites

• Node.js 18+
• npm or yarn

Setup

1. Clone the repository
2. Install dependencies:

npm install

3. Start the development server:

npm run dev

Configuration

The application uses environment variables for configuration. Create a .env file in the root directory with the following variables:

# Backend API URL
VITE_BACKEND_URL=https://ai-sandbox.oliver.solutions/netflix_back_v2

# Base URL for the app (changes in production)
VITE_APP_BASE_URL=/

Changing the Backend URL

If you need to change the backend API URL:

1. Edit the .env and .env.production files to update the VITE_BACKEND_URL value
2. Or use the provided script: ./update-backend.sh which will update the URL and rebuild the application
3. Then rebuild the application with npm run build

Building for Production

To create a production build:

npm run build

The output will be in the dist directory, ready for deployment.

Deployment

See DEPLOY.md for detailed deployment instructions.

Technologies Used

• React 18
• Vite
• TailwindCSS
• Microsoft Authentication Library (MSAL)
• Shadcn/ui components