{"id":28863219,"url":"https://github.com/ashot72/react-multi-agent-chat-with-langgraph","last_synced_at":"2026-05-07T13:47:59.234Z","repository":{"id":299089110,"uuid":"1002047834","full_name":"Ashot72/React-Multi-Agent-Chat-with-LangGraph","owner":"Ashot72","description":"React Multi-Agent Chat App Powered by LangGraph Server Agents","archived":false,"fork":false,"pushed_at":"2025-06-14T16:07:29.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-06-14T16:36:09.281Z","etag":null,"topics":["ai","ai-agents","ai-tools","chat","chatgpt","human-in-the-loop","kangchain-js","langchain","langgraph","langgraph-server","langgraph-studio","langsmith","multi-chat","react","react-usestr","usestream-hook"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ashot72.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-14T15:50:07.000Z","updated_at":"2025-06-14T16:15:08.000Z","dependencies_parsed_at":"2025-06-14T16:48:32.942Z","dependency_job_id":null,"html_url":"https://github.com/Ashot72/React-Multi-Agent-Chat-with-LangGraph","commit_stats":null,"previous_names":["ashot72/react-multi-agent-chat-with-langgraph"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ashot72/React-Multi-Agent-Chat-with-LangGraph","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2FReact-Multi-Agent-Chat-with-LangGraph","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2FReact-Multi-Agent-Chat-with-LangGraph/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2FReact-Multi-Agent-Chat-with-LangGraph/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2FReact-Multi-Agent-Chat-with-LangGraph/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ashot72","download_url":"https://codeload.github.com/Ashot72/React-Multi-Agent-Chat-with-LangGraph/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ashot72%2FReact-Multi-Agent-Chat-with-LangGraph/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260898762,"owners_count":23079263,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","ai-agents","ai-tools","chat","chatgpt","human-in-the-loop","kangchain-js","langchain","langgraph","langgraph-server","langgraph-studio","langsmith","multi-chat","react","react-usestr","usestream-hook"],"created_at":"2025-06-20T07:02:13.826Z","updated_at":"2026-05-07T13:47:59.229Z","avatar_url":"https://github.com/Ashot72.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Multi-Agent Chat App Powered by LangGraph Server Agents\n\nI built a **React Multi-Agent Chat App** powered by **LangGraph Server Agents**. The React app communicates with LangGraph Server agents and renders their responses. It can connect to any agent, including the **Supervisor Agent**.\n\nThe experience is similar to ChatGPT — users can edit a human prompt to generate alternative responses, view them as branches, and even regenerate AI responses for the same prompt. Additionally, the app supports **thread history**, allowing users to revisit and continue any previous conversation at any time.\n\nYou can read about the [Job Notification Agent](https://github.com/Ashot72/Job-Interview-Notification-AI-Agent-LangGraph-JS) that I created, and the [LangGraph.js Agents](https://github.com/Ashot72/Ashot72-LangGrap.js-Server-Agents) I used in this app.\n\n## Agents\n\n- **Chat Agent** – Handles general conversations and allows users to upload images and ask questions about them.\n\n- **Search Agent** – Retrieves live data using **Tavily Search**.\n\n- **Job Notification Agent** – Uses **human-in-the-loop logic** (*interrupts*) to involve human decision-making at key points, such as selecting the best-fit employee and reviewing or editing AI-generated emails before sending.\n\n- **Supervisor Agent** – Routes prompts to the appropriate agent based on context.\n\n\n# Setup Instructions\n\nThis project consists of two parts:\n\n1. **LangGraph Studio** – Runs the backend agents.\n2. **React Multi-Agent Chat App** – The frontend interface that connects to LangGraph Studio.\n\n---\n\n## 🚀 Clone and Run \n\n```bash\n# Clone the repository\n\ngit clone https://github.com/Ashot72/React-Multi-Agent-Chat-with-LangGraph\n\n# LangGraph Studio\n\ncd React-Multi-Agent-Chat-with-LangGraph/langgraph-agents\n\n# Create the .env file based on env.example.txt and include the required keys\n# (e.g., OpenAI API key, Tavily Search key, and NodeMailer settings)\n\n# Install dependencies\nnpm install\n\n# Start the LangGraph Studio\nnpm start\n\n# React App\n\ncd React-Multi-Agent-Chat-with-LangGraph/langgraph-multichat\n\n# Install dependencies\nnpm install\n\n# Start the React app (http://localhost:3000)\nnpm run dev\n\n```\n\nGo to [React Multi-Agent Chat App Powered by LangGraph Server Agents Video](https://youtu.be/q3ME4lPdib8) page\n\nGo to [React Multi-Agent Chat App Powered by LangGraph Server Agents Description](https://ashot72.github.io/React-Multi-Agent-Chat-with-LangGraph/doc.html) page\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashot72%2Freact-multi-agent-chat-with-langgraph","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fashot72%2Freact-multi-agent-chat-with-langgraph","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashot72%2Freact-multi-agent-chat-with-langgraph/lists"}