DEV Community

wissam metawee
wissam metawee

Posted on

"Building a Multi-Agent AI System: 7 Specialized Agents in React + FastAPI"

Building a Multi-Agent AI System: 7 Specialized Agents in React + FastAPI

The Problem I Set Out to Solve

Instead of having one general AI assistant, what if we had specialized agents for different tasks?

What I Built

After 2 months of development, I created an open-source multi-agent system with:

🏠 Real Estate Agent - Search US properties with natural language
✈️ Travel Agent - Plan trips with interactive maps

💰 Finance Agent - Investment analysis and market research
📰 News Agent - Real-time aggregation and analysis
👨‍💻 Coding Agent - Programming assistance and debugging
🛍️ Shopping Agent - Product search and price comparison
🎨 Image Generator - AI-powered creative tools

Tech Stack & Architecture

  • Frontend: React + TypeScript
  • Backend: FastAPI + Python
  • AI Framework: LangGraph + LangChain
  • LLM: Google Gemini
  • Database: Supabase

Key Features

  • Multi-modal support (text + images)
  • File upload with OCR/PDF parsing
  • Interactive maps integration
  • Real-time chat with typing indicators
  • Conversation history and context retention

Demo Videos

Travel Agent in action: [https://youtu.be/dLcbg4htcJ8]
Real Estate Agent in action: [https://youtu.be/yrBJ0CRmyEU]

Challenges I Faced

  1. Agent Coordination - Getting agents to call the correct tools in the correct format
  2. Context Management - Maintaining conversation history
  3. API Integration - Managing multiple external APIs
  4. Performance - Handling multiple concurrent requests

What I Learned

  • LangGraph is powerful for agent orchestration
  • React + FastAPI is a solid combo for AI apps
  • Good documentation is crucial for open source

What's Next

Looking for contributors to help add new agents and features!

Try It Yourself

GitHub: https://github.com/wiss84/robots-ai

Robots-ai

Top comments (0)