Doc Chat Extract

An automatic data extraction system powered by Agno Multiagent Framework with a modern React UI and Python backend.

Features

• 📄 Document Processing — Upload and extract data from documents using Azure Form Recognizer
• 🤖 Agno Multiagent Backend — Agentic streaming with Azure OpenAI for intelligent data extraction
• 💬 Chat Interface — Modern chat UI for interacting with the extraction agent
• 🧰 Agent UI — Built-in Agno Agent UI for direct agent interaction

Tech Stack

Frontend (UI)

• Vite + React + TypeScript
• Tailwind CSS + shadcn/ui
• Recharts for data visualization

Backend

• Python + FastAPI
• Agno Framework for agentic streaming
• Azure OpenAI + Azure Form Recognizer

Agent UI

• Next.js + TypeScript
• Agno Agent OS integration

Getting Started

Prerequisites

• Node.js & npm
• Python 3.10+
• Azure OpenAI & Form Recognizer credentials

Frontend Setup

# Install dependencies
npm install

# Start the development server
npm run dev

Backend Setup

cd backend

# Install Python dependencies
pip install -r requirements.txt

# Set up environment variables (copy .env.example to .env)
cp .env.example .env

# Start the backend server
python app.py

Agent UI Setup

cd agent-ui

# Install dependencies
npm install

# Start the agent UI
npm run dev

Project Structure

├── src/              # React frontend source
├── backend/          # Python FastAPI backend
├── agent-ui/         # Agno Agent UI (Next.js)
├── public/           # Static assets
└── index.html        # Entry point

License

MIT