/chat-w-taylor-on-newheights-and-travis-gq-autorag-openaioss

Chat w/ the Taylor Swift New Heights podcast (and Travis Kelce's GQ article)

Primary LanguageTypeScript

Featured Content

Taylor Swift on New Heights Podcast

Taylor Swift on New Heights Podcast

Click the thumbnail above to watch the YouTube video explaining this project

Tech Stack (Cloudflare products)

Product Purpose Documentation
Cloudflare Workers Serverless backend & API Docs
Durable Objects Stateful chat session management Docs
R2 Storage Object storage for transcript & article Docs
Workers AI AI inference w/ openai gpt-oss-120b Docs
AutoRAG Retrieval Augmented Generation Docs
Browser Rendering Scraped GQ article Docs

Frontend

  • React 18
  • Emotion/Styled for CSS-in-JS
  • esbuild for bundling
  • TypeScript

AI Model

Prereqs

  • Node.js 18+ and npm
  • Cloudflare account with Workers plan
  • Wrangler CLI installed globally
npm install -g wrangler

Installation

  1. Clone and install dependencies:
git clone https://github.com/elizabethsiegle/chat-w-taylor-on-newheights-and-travis-gq-autorag-openaioss
cd taylor-newheights-rag
npm install
npm install --save-dev esbuild @types/react @types/react-dom

  1. Configure wrangler.jsonc (see mine)

  2. Auth with Cloudflare/login

wrangler login

  1. Download the YouTube podcast transcription and hit the /scrape-gq endpoint to scrape the GQ article text. Save it to a .txt file.

  2. Set up R2 bucket with scraped GQ article and New Heights transcript from the previous step.

wrangler r2 bucket create taylor-rag-articles
wrangler r2 object put taylor-rag-articles/travisgq.txt --file ./path/to/travisgq.txt
wrangler r2 object put "taylor-rag-articles/Taylor Swift on Reclaiming Her Masters, Wrapping The Eras Tour, and The Life of a Showgirl  NHTV.txt" --file ./path/to/transcript.txt

  1. Configure AutoRAG in your Cloudflare dashboard under AI Point to your taylor-rag-articles R2 bucket

  2. Build and deploy:

npm run build
wrangler publish