{"id":29484873,"url":"https://github.com/ches-ctrl/langflow-hack","last_synced_at":"2025-08-31T09:34:11.906Z","repository":{"id":300300284,"uuid":"1005704061","full_name":"Ches-ctrl/langflow-hack","owner":"Ches-ctrl","description":"Langflow Hacking Agents Hackathon","archived":false,"fork":false,"pushed_at":"2025-06-22T10:27:25.000Z","size":1322,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-07-15T08:37:42.290Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://langflow-hack.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Ches-ctrl.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-20T17:02:48.000Z","updated_at":"2025-06-25T12:29:29.000Z","dependencies_parsed_at":"2025-06-20T23:41:05.566Z","dependency_job_id":null,"html_url":"https://github.com/Ches-ctrl/langflow-hack","commit_stats":null,"previous_names":["ches-ctrl/langflow-hack"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Ches-ctrl/langflow-hack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ches-ctrl%2Flangflow-hack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ches-ctrl%2Flangflow-hack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ches-ctrl%2Flangflow-hack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ches-ctrl%2Flangflow-hack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Ches-ctrl","download_url":"https://codeload.github.com/Ches-ctrl/langflow-hack/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Ches-ctrl%2Flangflow-hack/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272965354,"owners_count":25023066,"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","status":"online","status_checked_at":"2025-08-31T02:00:09.071Z","response_time":79,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2025-07-15T05:07:45.603Z","updated_at":"2025-08-31T09:34:11.899Z","avatar_url":"https://github.com/Ches-ctrl.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\" style=\"display: flex; justify-content: center; align-items: center; gap: 40px;\"\u003e\n  \u003cimg src=\"assets/full-logo.svg\" alt=\"Langflow Logo\" width=\"400\"/\u003e\n  \u003cimg src=\"assets/unicorn-mafia-logo.png\" alt=\"Unicorn Mafia Logo\" width=\"150\"/\u003e\n\u003c/p\u003e\n\n# Langflow Voice Agent Platform\n**Langflow Hacking Agents Hackathon Project**\n\nAn intelligent voice agent platform that integrates ElevenLabs Conversational AI with Twilio for seamless inbound and outbound phone calls, enhanced with Langflow's orchestration capabilities and multi-modal communication channels.\n\n## System Architecture\n\n![System Architecture](assets/system-architecture.png)\n\n### Langflow Architecture\n\n![Langflow Architecture](assets/langflow-architecture.png)\n\nThe platform consists of multiple interconnected components working together to provide a comprehensive voice agent solution:\n\n### Core Components\n\n- **Twilio Integration**: Handles phone call routing and real-time audio streaming via WebSocket\n- **ElevenLabs Server**: Provides conversational AI with natural language processing and voice synthesis\n- **Central Orchestrator**: Core system that coordinates all components and manages conversation flow\n- **Langflow Long-term Memory**: RAG vector database for persistent conversation context and user history\n- **Frontend (Next.js)**: Modern web interface for managing calls and viewing transcripts\n- **WhatsApp Integration**: Multi-channel communication support\n- **MongoDB**: Persistent storage for call data, user information, and system state\n\n### How It Works\n\n1. **Call Initiation**: Users can initiate calls through the web interface or receive inbound calls via Twilio\n2. **Audio Processing**: Real-time audio streams are processed through WebSocket connections between Twilio and ElevenLabs\n3. **AI Processing**: ElevenLabs Conversational AI handles natural language understanding and generates responses\n4. **Memory Management**: Langflow maintains conversation context and user history in the RAG vector database\n5. **Orchestration**: The Central Orchestrator manages the entire conversation flow and coordinates between services\n6. **Multi-modal Support**: Integration with WhatsApp and scheduled tasks for comprehensive communication\n\n## Example Use Cases\n\n### 1. Customer Support Agent\n- **Scenario**: Automated customer service for e-commerce businesses\n- **Features**: Call routing, issue resolution, order tracking, escalation to human agents\n- **Benefits**: 24/7 availability, consistent service quality, reduced wait times\n\n### 2. Appointment Scheduling Assistant\n- **Scenario**: Healthcare practices, salons, or service businesses\n- **Features**: Calendar integration, availability checking, confirmation calls, reminder notifications\n- **Benefits**: Reduced no-shows, streamlined booking process, staff time savings\n\n### 3. Lead Qualification System\n- **Scenario**: Sales teams and marketing agencies\n- **Features**: Inbound lead capture, qualifying questions, CRM integration, follow-up scheduling\n- **Benefits**: Improved lead quality, faster response times, higher conversion rates\n\n### 4. Information Hotline\n- **Scenario**: Government agencies, educational institutions, or large organizations\n- **Features**: FAQ handling, information retrieval, call routing, multi-language support\n- **Benefits**: Reduced call volume to human operators, consistent information delivery\n\n### 5. Survey and Feedback Collection\n- **Scenario**: Market research, customer satisfaction surveys\n- **Features**: Automated survey delivery, response collection, data analysis, follow-up actions\n- **Benefits**: Higher response rates, cost-effective data collection, real-time insights\n\n## Setup Instructions\n\n### Prerequisites\n\n- Node.js (v18 or higher)\n- npm or yarn package manager\n- Google Cloud Platform account (for deployment)\n- Twilio account with phone number\n- ElevenLabs API access\n- ngrok (for local development)\n\n### 1. Clone the Repository\n\n```bash\ngit clone https://github.com/Ches-ctrl/cc-hackathons/langflow-hack.git\ncd langflow-hack\n```\n\n### 2. Backend Setup\n\n```bash\n# Navigate to the backend directory\ncd inbound\n\n# Install dependencies\nnpm install\n\n# Copy environment configuration\ncp env.yaml.example env.yaml\n```\n\nEdit `inbound/env.yaml` with your API keys and configuration:\n\n```yaml\nELEVENLABS_API_KEY: \"your_elevenlabs_api_key\"\nELEVENLABS_AGENT_ID: \"your_agent_id\"\nTWILIO_ACCOUNT_SID: \"your_twilio_account_sid\"\nTWILIO_AUTH_TOKEN: \"your_twilio_auth_token\"\nTWILIO_PHONE_NUMBER: \"your_twilio_phone_number\"\n```\n\n### 3. Frontend Setup\n\n```bash\n# Navigate to the frontend directory\ncd ../frontend\n\n# Install dependencies\nnpm install\n\n# Start the development server\nnpm run dev\n```\n\nThe frontend will be available at `http://localhost:3000`\n\n### 4. Development Environment\n\nStart the backend server:\n\n```bash\n# In the inbound directory\nnode index.js\n```\n\nSet up ngrok tunnel for local development:\n\n```bash\n# Install ngrok if not already installed\n# Then create a tunnel to your local server\nngrok http --url=your-static-url 8000\n```\n\n### 5. Twilio Configuration\n\n1. Log into your Twilio Console\n2. Navigate to Phone Numbers → Manage → Active Numbers\n3. Click on your Twilio phone number\n4. Set the webhook URL for incoming calls:\n   ```\n   https://your-ngrok-url.ngrok.io/twilio/inbound_call\n   ```\n5. Set the webhook method to `POST`\n6. Save the configuration\n\n### 6. Testing the Setup\n\n#### Test Inbound Calls\n1. Call your Twilio phone number\n2. The call should be routed to your ElevenLabs agent\n3. Have a conversation to test the AI responses\n\n#### Test Outbound Calls\n1. Use the frontend interface to initiate an outbound call\n2. Or send a POST request to `/outbound-call` endpoint:\n   ```bash\n   curl -X POST http://localhost:8000/outbound-call \\\n     -H \"Content-Type: application/json\" \\\n     -d '{\"to\": \"+1234567890\", \"message\": \"Hello, this is a test call\"}'\n   ```\n\n### 7. Deployment (Optional)\n\n#### Backend Deployment to Google Cloud Run\n\n```bash\n# In the inbound directory\ngcloud config set project YOUR_PROJECT_ID\ngcloud builds submit --config cloudbuild.yaml\n```\n\n#### Frontend Deployment\n\nThe frontend can be deployed to platforms like Vercel, Netlify, or any service supporting Next.js:\n\n```bash\n# Build for production\nnpm run build\n\n# Start production server\nnpm start\n```\n\n### 8. GitHub Actions Setup (Optional)\n\nTo enable automated code reviews and Claude bot integration:\n\n1. Add `ANTHROPIC_API_KEY` to your repository secrets\n2. The workflows in `.github/workflows/` will automatically activate for PRs and issues\n3. Use `@claude` mentions in issues and PRs to trigger the Claude bot\n\n## Troubleshooting\n\n### Common Issues\n\n1. **Connection Issues**: Verify your ngrok URL is correctly configured in Twilio\n2. **API Key Errors**: Double-check all API keys in your environment configuration\n3. **WebSocket Errors**: Ensure your firewall allows WebSocket connections\n4. **Audio Quality**: Check your internet connection and Twilio account limits\n\n### Support\n\nFor issues and questions:\n- Check the `CLAUDE.md` file for detailed technical information\n- Review the GitHub Actions workflows for automation setup\n- Consult the individual component documentation in their respective directories\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fches-ctrl%2Flangflow-hack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fches-ctrl%2Flangflow-hack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fches-ctrl%2Flangflow-hack/lists"}