DEDUPED Hot AI repos, turned into use cases Get the Monday 5
193 stars · TypeScript

How to use AI Chat Demo: what you can do with it

What is AI Chat Demo? A React Native ChatGPT-style mobile chat app that streams OpenAI replies over a WebSocket and answers Margelo questions by searching a Pinecone knowledge base.

How do I use it? Run cd app and then npm install; then run cp src/config.example.ts src/config.ts and fill in your OpenAI key, Pinecone key, and index host in that file; run cd ios && pod install && cd .. to install the iOS pods. Full steps below.

Trended earlier

View repo on GitHub

Third-party repos we don't own. AI-written use cases can be wrong. Disclaimer

What do you want to do?

4 use cases

  • Run the Margelo chat app on a simulator with your keys

    Install the React Native chat app, add your OpenAI and Pinecone keys, and send a first streamed message.

    View prompt
    Clone margelo/ai-chat-demo, go into the app folder, and set up the project following the README setup and run steps for <target platform: ios or android>. Confirm the app launches and that a Margelo question triggers the search_margelo_kb tool and returns an answer based on retrieved context.

  • Point the knowledge base tool at your own Pinecone index

    Reuse the chat app and retrieval tool with your own Pinecone index and text content.

    View prompt
    In the margelo/ai-chat-demo repo, change the knowledge base search to use the Pinecone index host <your index host> and adjust the retrieval instructions for <your topic>. Run npm run typecheck and report the result, then ask one question you know the index answers and confirm the reply uses retrieved text.

  • Study WebSocket streaming for LLM replies in React Native

    Read the protocol, connection, and store code to see how tokens and tool calls stream into the UI.

    View prompt
    Review margelo/ai-chat-demo and explain how app/src/openai/connectionManager.ts and app/src/openai/protocol.ts stream Responses API events over react-native-nitro-websockets. Output a short written summary of the event flow and confirm with npm test that the existing tests pass.

  • Plan a relay server that keeps the API keys off the device

    Map each key-using call in the app to a server endpoint before any production release.

    View prompt
    For the margelo/ai-chat-demo repo, list each file that reads an API key from src/config.ts and propose a relay server design that holds those keys server-side. Output the endpoint list and one verification step that confirms no key remains in the app bundle.

Quick start with AI Chat Demo

  1. Check you have what it needs: Xcode and CocoaPods for iOS, or the Android setup from the React Native environment guide; Node 22.11 or newer; An OpenAI API key.
  2. Open margelo/ai-chat-demo on GitHub and read the README and license.
  3. Run cd app and then npm install.
  4. Run cp src/config.example.ts src/config.ts and fill in your OpenAI key, Pinecone key, and index host in that file.
  5. Run cd ios && pod install && cd .. to install the iOS pods.
  6. Run npm start in one terminal to start Metro.

These steps come from our top use case, Run the Margelo chat app on a simulator with your keys, which also has a copy-paste agent prompt.

Use this in your AI agent

Ask your agent

Using the Deduped MCP, get the setup steps for margelo/ai-chat-demo

Add Deduped to Claude Code once

claude mcp add --transport http deduped https://dedupedai.com/mcp

Cursor, ChatGPT, others

AI Chat Demo alternatives · Best AI repos for Software and DevOps

About this repo

  • Who it is forMobile and React Native developers who want a working streaming chat plus retrieval-augmented generation reference, and agents that will set up or adapt it.
  • Why it is hot193 stars, launched 83 days ago
  • LanguageTypeScript
  • Sourcegithub.com/margelo/ai-chat-demo · Back to Hot repos

Requirements

  • Xcode and CocoaPods for iOS, or the Android setup from the React Native environment guide
  • Node 22.11 or newer
  • An OpenAI API key
  • A Pinecone API key, a populated Pinecone index, and its index host

Add this badge to your README

Maintain AI Chat Demo? Show readers where to find these use cases. Use cases on Deduped

Markdown 

[![Use cases on Deduped](https://dedupedai.com/badge/margelo/ai-chat-demo.svg)](https://dedupedai.com/use-cases/margelo-ai-chat-demo/?utm_source=github&utm_medium=badge&utm_campaign=margelo-ai-chat-demo)

HTML 

<a href="https://dedupedai.com/use-cases/margelo-ai-chat-demo/?utm_source=github&amp;utm_medium=badge&amp;utm_campaign=margelo-ai-chat-demo"><img src="https://dedupedai.com/badge/margelo/ai-chat-demo.svg" alt="Use cases on Deduped" height="20"></a>

A static image, no tracking script. About the badge

Questions about AI Chat Demo

What is AI Chat Demo?

A React Native ChatGPT-style mobile chat app that streams OpenAI replies over a WebSocket and answers Margelo questions by searching a Pinecone knowledge base. It is an open-source project on GitHub: https://github.com/margelo/ai-chat-demo.

How do I use AI Chat Demo?

Run cd app and then npm install; then run cp src/config.example.ts src/config.ts and fill in your OpenAI key, Pinecone key, and index host in that file; run cd ios && pod install && cd .. to install the iOS pods. The use cases on this page give the full steps and a copy-paste agent prompt for each job.

Who is AI Chat Demo for?

Mobile and React Native developers who want a working streaming chat plus retrieval-augmented generation reference, and agents that will set up or adapt it.

What can I do with AI Chat Demo?

4 use cases so far, for example: Run the Margelo chat app on a simulator with your keys; Point the knowledge base tool at your own Pinecone index; Study WebSocket streaming for LLM replies in React Native. Each has steps and a copy-paste agent prompt.

What do I need to run AI Chat Demo?

Xcode and CocoaPods for iOS, or the Android setup from the React Native environment guide; Node 22.11 or newer; An OpenAI API key; A Pinecone API key, a populated Pinecone index, and its index host.

What are alternatives to AI Chat Demo?

Other hot AI repos in Software and DevOps: Deep Infer, Harness2, Orca, Opencode, Graphify.

Is AI Chat Demo safe to run?

Deduped does not own, audit or vouch for it. Read the README and license, run it on your own systems first and review every command before you run it.