Stream Chat AI Integration Examples

Quick Links 🔗

• Stream Chat
• Getting Started Guide

Prerequisites ✅

Before you begin, you'll need:

• A Stream API Key (Register for free)
• OpenAI API credentials (Sign up)
• Anthropic API credentials (Sign up)

Overview 😎

This repository showcases official Stream sample projects demonstrating Generative AI integration with Chat API and UI Kits.

Samples:

Frontend SDKs:

• React for web apps
• React Native for mobile apps
• Jetpack Compose for Android
• Swift UI for iOS
• Flutter for cross-platform development

Backend Examples:

• NodeJS implementation
• Python implementation (coming soon)

You can use our pre-built OpenAI/Anthropic integrations or extend the Agent class to work with any external LLM provider.

Architecture Overview 🏗️

The repository implements a modular architecture that connects Stream's Chat functionality with various LLM providers:

Key features:

• Pre-built integrations with OpenAI and Anthropic
• Extensible Agent class for custom LLM provider integration
• Built-in UI components that handle:
  • Loading states
  • Code block rendering
  • Markdown formatting
  • Table displays
  • Image rendering

Getting Started 🚀

1. Clone the repo
2. Configure environment variables:

cp .env.example .env

3. Add the following credentials to your .env:

• Stream Chat app api key and secret
• User ID and token
• OpenAI API key
• Anthropic API key

Setup ⚙️

Backend

• Follow the setup instructions in the nodejs-ai-assistant directory
• Start reading our comprehensive backend integration guide written by Stream engineers explaining the setup and integration with Stream Chat.

Frontend Integration

Select your preferred SDK to get started.

• How to Build an AI Assistant with React
• How to Build an AI Assistant with React Native
• How to Build an AI Assistant for Android Using Compose
• How to Build an AI Assistant for iOS Using Swift UI
• How to Build an AI Assistant with Flutter

AI Guides 📚

These guides explore more of how AI can be used across our SDKs and products.

• How to Build an AI Chat Android App With Google’s Generative AI
• How to Build an LLM-powered Chatbot For Your Documentation
• How to Build an AI bot Using Stream Chat, HuggingFace, and DialogGPT

Contributing 🤔

We welcome contributions that improve functionality or fix issues:

1. Fork the repository
2. Create a feature branch
3. Implement your changes
4. Add tests if applicable
5. Submit a PR with a clear description/changes

Sample App Submissions

We encourage you to try the tutorials and submit new sample apps 🥳

• How can I submit a sample app?
  • Open a pr with a proper description and we'll review it as soon as possible.

Bug Reports 🕷

• Open an issue with:
  • Clear steps to reproduce
  • Add screenshots/videos if possible
  • Expected behavior
  • Actual behavior
  • Platform/environment details