Twelve-Labs-Content-Recommendation

KO | EN

gitlite — search

#python #hacktoberfest #react #ai #typescript #llm #golang #go #rust #awesome #pytorch #ios #openai #open-source

Twelve-Labs-Content-Recommendation

(★ 92)

Content Recommendation is an open source platform that makes use of vector similarity search to provide highly relevant content recommendations.

File Explorer

Download Latest Version (.zip)

- - Video_Content_Embedding_Creation_and_Qdrant.ipynb
- - Content Recommendation Architecture.png
  - Search Endpoint.png
- .gitignore
- app.py
- ingest_videos.py
- requirements.txt
- - favicon.ico
  - global.css
  - globals.css
  - layout.tsx
  - page.tsx
- - coming-soon-dialog.tsx
  - navbar.tsx
  - optimized-video-grid.tsx
  - search-results-gallery.tsx
  - site-footer.tsx
  - style-selector.tsx
  - video-grid.tsx
  - video-player.tsx
- - api.ts
  - utils.ts
- - Architecture.png
  - background.png
  - file.svg
  - globe.svg
  - next.svg
  - vercel.svg
  - window.svg
  - Workflow.png
- .gitignore
- components.json
- eslint.config.mjs
- next.config.ts
- package-lock.json
- package.json
- postcss.config.mjs
- README.md
- tailwind.config.ts
- tsconfig.json
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
    <h1>Qdrant Content Recommendation</h1>
    <p>
        <strong>Intelligent content recommendation system powered by Twelve Labs and Qdrant vector database for personalized content discovery.</strong>
    </p>
</div>

## Overview

Content Recommendation is an open source platform that makes use of vector similarity search to provide highly relevant content recommendations. The system uses Twelve Labs Marengo 3.0 for embedding creation and Qdrant, a vector similarity search engine, to store and retrieve content based on semantic similarity rather than just keywords. This enables more intuitive and personalized content discovery for users.

## Prerequisites

- Python 3.9+
- Flask
- Twelve Labs (Generate API KEY from [Twelve Labs Playground](https://www.twelvelabs.io/))
- Qdrant Cloud (Generate the Credentials [Qdrant Cloud](https://cloud.qdrant.io/))

## Features

1. Video Content are processed and converted into vector embeddings
2. Embeddings are stored in Qdrant vector database
3. Qdrant performs efficient similarity search to find relevant content
4. Top matches are returned as personalized recommendations

## Core Workflow Architecture

![Core Workflow Architecture](https://github.com/Hrishikesh332/Twelve-Labs-Content-Recommendation/blob/master/backend-api/src/Content%20Recommendation%20Architecture.png)

## Search Endpoint Flow

![Search Endpoint Flow](https://github.com/Hrishikesh332/Twelve-Labs-Content-Recommendation/blob/master/backend-api/src/Search%20Endpoint.png)

## File Strcuture

The frontend is developed using Next.js, while the backend is powered by Flask API with CORS enabled.

```
├── backend-api
    ├── .gitignore
    ├── app.py
    ├── notebooks
    │   └── Video_Content_Embedding_Creation_and_Qdrant.ipynb
    ├── requirements.txt
    └── src
    │   └── Content Reccomendation Core Architecture.png
└── www.content-reccomender.vercel.app
    ├── .gitignore
    ├── README.md
    ├── app
        ├── explore
        │   ├── background.png
        │   ├── loading.tsx
        │   └── page.tsx
        ├── favicon.ico
        ├── global.css
        ├── globals.css
        ├── layout.tsx
        └── page.tsx
    ├── components.json
    ├── components
        ├── navbar.tsx
        ├── optimized-video-grid.tsx
        ├── style-selector.tsx
        ├── ui
        │   ├── button.tsx
        │   ├── drawer.tsx
        │   ├── input.tsx
        │   └── select.tsx
        ├── video-grid.tsx
        └── video-player.tsx
    ├── eslint.config.mjs
    ├── lib
        ├── api.ts
        └── utils.ts
    ├── next.config.ts
    ├── package-lock.json
    ├── package.json
    ├── postcss.config.mjs
    ├── public
        ├── file.svg
        ├── globe.svg
        ├── next.svg
        ├── vercel.svg
        └── window.svg
    ├── tailwind.config.ts
    └── tsconfig.json
├── README.md
```

## API Key Setup

### Qdrant Setup

1. You can either use Qdrant Cloud or run Qdrant locally
   - For Qdrant Cloud - Create an account at [Qdrant Cloud](https://cloud.qdrant.io/)

2. Generate the API KEY from the [Twelve Labs Playground](https://www.twelvelabs.io/)

3. Configure your connection in the `.env` file:

```dotenv
QDRANT_HOST=your_qdrant_host_or_url
QDRANT_API_KEY=your_qdrant_api_key
API_KEY=your_twelvelabs_api_key
```

## Installation

Clone the repository
```
git clone https://github.com/Hrishikesh332/Twelve-Labs-Content-Recommendation-.git
```

For Backend -

1. **To the Backend Directory**

```
cd backend-api
```

2. **Create and activate a virtual environment**

```shellscript
python -m venv venv
source venv/bin/activate  # On Windows: venv\Scripts\activate
```

3. **Install dependencies**
```
pip install -r requirements.txt
```

4. **Configure environment variables -**

```dotenv
QDRANT_HOST=your_qdrant_host_or_url
QDRANT_API_KEY=your_qdrant_api_key
API_KEY=your_twelvelabs_api_key
```

5. **Run the backend application -**

```
python app.py
```

6. Navigate to `http://localhost:5000` in your browse

For Frontend

1. **To the Frontend Directory**

```
cd www.content-reccomender.vercel.app
```

2. **Install frontend dependencies**

```
npm install
```

3. **Set up environment variables**

Create a `.env.local` file in the frontend directory:

```plaintext
NEXT_PUBLIC_API_URL=http://localhost:5000
```

4. **Run the application -**

```
npm run dev
```

5. Navigate to `http://localhost:3000` in your browse

### API Usage

The backend provides search Endpoint -

```shellscript
# Search for videos
curl -X POST http://localhost:5000/search \
  -H "Content-Type: application/json" \
  -d '{"query": "Sci Fi Robot Animation"}'
```

## Queries

For any doubts or help you can reach out to me via hrishikesh3321@gmail.com or ask in the [Discord Channel](https://discord.com/invite/Sh6BRfakJa)

Twelve-Labs-Content-Recommendation

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Twelve-Labs-Content-Recommendation

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README