236d1ddbd8
Full-stack application combining LlamaIndex vector search with Neo4j knowledge graph (GraphRAG) for answering queries about Netflix marketing materials. Flask/Hypercorn backend with custom ReAct agent, React frontend. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
72 lines
No EOL
1.6 KiB
Markdown
72 lines
No EOL
1.6 KiB
Markdown
# 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:
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
3. Start the development server:
|
|
```bash
|
|
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:
|
|
|
|
```bash
|
|
npm run build
|
|
```
|
|
|
|
The output will be in the `dist` directory, ready for deployment.
|
|
|
|
## Deployment
|
|
|
|
See [DEPLOY.md](./DEPLOY.md) for detailed deployment instructions.
|
|
|
|
## Technologies Used
|
|
|
|
- React 18
|
|
- Vite
|
|
- TailwindCSS
|
|
- Microsoft Authentication Library (MSAL)
|
|
- Shadcn/ui components |