{"id":25937823,"url":"https://github.com/goutamhegde002/drakonsupport","last_synced_at":"2026-06-17T23:31:01.918Z","repository":{"id":279953940,"uuid":"940562417","full_name":"goutamhegde002/DrakonSupport","owner":"goutamhegde002","description":"DrakonSupport is a React-based AI customer service chatbot application designed to provide automated support for users","archived":false,"fork":false,"pushed_at":"2025-02-28T11:56:10.000Z","size":4625,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T18:17:21.147Z","etag":null,"topics":["ai","ai-agent","chatbot","customer-support","customer-support-ai","customer-support-assistant","react","react-chatbot-kit","reactjs"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/goutamhegde002.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}},"created_at":"2025-02-28T11:53:01.000Z","updated_at":"2025-02-28T11:59:05.000Z","dependencies_parsed_at":"2025-02-28T18:19:40.799Z","dependency_job_id":"80c4316f-386c-4097-8d15-c3b2a0690ac5","html_url":"https://github.com/goutamhegde002/DrakonSupport","commit_stats":null,"previous_names":["goutamhegde002/drakonsupport"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/goutamhegde002/DrakonSupport","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/goutamhegde002%2FDrakonSupport","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/goutamhegde002%2FDrakonSupport/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/goutamhegde002%2FDrakonSupport/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/goutamhegde002%2FDrakonSupport/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/goutamhegde002","download_url":"https://codeload.github.com/goutamhegde002/DrakonSupport/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/goutamhegde002%2FDrakonSupport/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":274976892,"owners_count":25384285,"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-09-13T02:00:10.085Z","response_time":70,"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":["ai","ai-agent","chatbot","customer-support","customer-support-ai","customer-support-assistant","react","react-chatbot-kit","reactjs"],"created_at":"2025-03-04T03:26:20.089Z","updated_at":"2026-06-17T23:31:01.908Z","avatar_url":"https://github.com/goutamhegde002.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🤖 DrakonSupport Chatbot\n\n## 📋 Overview\n\nDrakonSupport is a React-based customer service chatbot application designed to provide automated support for users. It leverages `react-chatbot-kit` to create an interactive chat experience with customizable components like BotAvatar, UserAvatar, and SearchBar.\n\n## 🔧 Project Structure\n\n```\ndrakonsupport/\n├── backend/               # Server-side code\n│   ├── app.py             # Python backend service\n│   └── customer_service_data.csv  # Training data for responses\n├── public/                # Static files\n│   └── index.html         # HTML entry point\n├── src/                   # React source code\n│   ├── components/        # React components\n│   │   ├── BotAvatar.jsx  # Custom bot avatar component\n│   │   ├── SearchBar.jsx  # Search functionality\n│   │   └── UserAvatar.jsx # Custom user avatar component\n│   ├── ActionProvider.js  # Handles chatbot actions/responses\n│   ├── App.jsx            # Main React component\n│   ├── config.js          # Chatbot configuration\n│   ├── index.css          # Global styles\n│   ├── index.js           # React entry point\n│   └── MessageParser.js   # Processes user messages\n├── .gitignore             # Git ignore file\n├── package-lock.json      # Dependency lock file\n├── package.json           # Project dependencies and scripts\n└── README.md              # Project documentation\n```\n\n## ✨ Features\n\n- 💬 Interactive chat interface\n- 🔍 Search functionality for quick access to information\n- 👤 Custom avatar components for both bot and user\n- 🔄 Message parsing and intelligent responses\n- 🔌 Integration with a Python backend for advanced processing\n\n## 🚀 Getting Started\n\n### Prerequisites\n\n- Node.js (v14+)\n- npm or yarn\n- Python 3.7+ (for backend)\n\n### Installation\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone https://github.com/goutamhegde002/drakonsupport.git\n   cd drakonsupport\n   ```\n\n2. **Install frontend dependencies:**\n\n   ```bash\n   npm install\n   ```\n\n3. **Install required packages:**\n\n   ```bash\n   npm install react-chatbot-kit lucide-react\n   ```\n\n4. **Set up the Python backend:**\n   ```bash\n   cd backend\n   pip install -r requirements.txt\n   ```\n\n### Running the Application\n\n1. **Start the React frontend:**\n\n   ```bash\n   npm start\n   ```\n\n2. **Start the Python backend (in a separate terminal):**\n\n   ```bash\n   cd backend\n   python app.py\n   ```\n\n3. **Access the application:**\n   Open your browser and navigate to `http://localhost:3000`\n\n## 🛠️ Development\n\n### Frontend Components\n\n- **App.jsx**: Main component that integrates the chatbot\n- **config.js**: Configuration for the chatbot including widgets and initial messages\n- **MessageParser.js**: Handles parsing of user messages\n- **ActionProvider.js**: Provides responses based on parsed messages\n\n### Backend Integration\n\nThe Python backend (`app.py`) provides:\n\n- Advanced NLP processing\n- Integration with customer service data\n- API endpoints for the React frontend\n\n## 📦 Dependencies\n\n- React\n- react-chatbot-kit\n- lucide-react (for icons)\n- Flask (for backend)\n\n## 🔮 Future Improvements\n\n- 📱 Mobile responsiveness enhancements\n- 🌐 Multi-language support\n- 🧠 Advanced NLP integration\n- 📊 Analytics dashboard\n- 🔐 User authentication\n- 🎨 Customizable themes\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## 📄 License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## 👏 Acknowledgements\n\n- React Chatbot Kit - [https://fredrikoseberg.github.io/react-chatbot-kit-docs/](https://fredrikoseberg.github.io/react-chatbot-kit-docs/)\n- Lucide React Icons - [https://lucide.dev/](https://lucide.dev/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoutamhegde002%2Fdrakonsupport","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgoutamhegde002%2Fdrakonsupport","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgoutamhegde002%2Fdrakonsupport/lists"}