> ## Documentation Index
> Fetch the complete documentation index at: https://docs.jabrod.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Example Projects

> Production-ready examples showcasing Jabrod SDK capabilities

We've built a collection of 10 open-source examples to help you get started with Jabrod. These projects demonstrate various use cases, from simple chat widgets to full-stack applications.

<CardGroup cols={2}>
  <Card title="View All on GitHub" icon="github" href="https://github.com/jabrod/examples">
    Explore the full source code for all examples.
  </Card>
</CardGroup>

***

## Vanilla JS Examples

### Support Chatbot

**Example: `ex1-support-bot`**

A customer support AI agent that uses RAG (Retrieval-Augmented Generation) to answer questions from a Knowledge Base.

* **Features**: KB Creation, RAG Chat, History
* **Tech**: Vanilla JS, HTML/CSS
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex1-support-bot)

### Doc Search

**Example: `ex2-doc-search`**

A semantic search engine implemented in less than 50 lines of code.

* **Features**: `rag.queryBuilder()`, Text Ingestion
* **Tech**: Vanilla JS
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex2-doc-search)

### Research Agent

**Example: `ex3-research-agent`**

An agent that analyzes multiple documents and synthesizes an answer with citations.

* **Features**: Multi-file Upload, System Prompts
* **Tech**: Vanilla JS
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex3-research-agent)

### Legal Analyzer

**Example: `ex7-legal-analyzer`**

A domain-specific agent tuning for legal contract analysis.

* **Features**: Advanced System Prompts, specialized RAG
* **Tech**: Vanilla JS
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex7-legal-analyzer)

### Codebase QA

**Example: `ex8-codebase-qa`**

A developer tool that acts as a terminal-based documentation bot.

* **Features**: Terminal UI, Docs RAG
* **Tech**: Vanilla JS
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex8-codebase-qa)

### Product Finder

**Example: `ex9-product-finder`**

An e-commerce semantic search tool that finds products based on natural language descriptions.

* **Features**: e-commerce data model, semantic search
* **Tech**: Vanilla JS
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex9-product-finder)

### Study Companion

**Example: `ex10-study-companion`**

An educational tutor that helps students learn from textbooks.

* **Features**: Personality tuning, Q\&A
* **Tech**: Vanilla JS
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex10-study-companion)

***

## Framework Examples

### Next.js Chat

**Example: `ex4-nextjs-chat`**

A full-stack production-ready application using Next.js 14 App Router.

* **Features**: Server-side RAG, API Routes, Streaming
* **Tech**: Next.js 14, TypeScript, Tailwind
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex4-nextjs-chat)

### React Widget

**Example: `ex5-react-widget`**

An embeddable chat widget component using a custom React hook.

* **Features**: `useJabrod` hook, Component encapsulation
* **Tech**: React, Vite
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex5-react-widget)

### Node Scripts

**Example: `ex6-node-scripts`**

CLI tools and backend scripts for batch processing.

* **Features**: Bulk Upload, Express API, CLI interaction
* **Tech**: Node.js, TypeScript
* [View Code](https://github.com/jabrod/examples/tree/main/test.jabrod/ex6-node-scripts)

## Running the Examples

All examples are available in our [Examples Repository](https://github.com/jabrod/examples).

To run any example locally:

1. Clone the repository
2. Navigate to the example folder
3. Run with `npx serve .` (for static sites) or `npm run dev` (for Next.js/React)
4. Enter your Jabrod API key when prompted

```bash theme={null}
cd test.jabrod/ex1-support-bot
npx serve .
```