Download Conversify - Download do código-fonte Conversify

Conversify

Código-Fonte de IA

1.0.0

Baixar

Documentação do Conversify ??

Introdução

Conversify é uma plataforma avançada de chatbot de suporte ao cliente que permite às empresas integrar facilmente chatbots com tecnologia de IA em seus sites. Ele combina tecnologia de avatar 3D interativo, interfaces de voz e texto e modelos de chatbot personalizáveis para oferecer uma experiência de usuário dinâmica e contínua. Construído em uma pilha MERN robusta (MongoDB, Express.js, React.js, Node.js), o Conversify fornece aos clientes links ou trechos de código incorporáveis, permitindo uma integração rápida e fácil.

Principais recursos ?

Integração de chatbot incorporável : os clientes recebem links diretos ou código para incorporar chatbots Conversify em seus sites.
Modelos personalizáveis : vários modelos de chatbot são fornecidos para atender às diferentes necessidades de suporte ao cliente e estilos de marca. ?
Avatar 3D interativo : os usuários podem interagir com um avatar 3D que responde por texto e voz, fornecendo uma interface envolvente e semelhante à humana. ??
Interação por voz e texto : As consultas podem ser feitas por meio de entrada de texto ou voz, com respostas entregues em ambas as modalidades. ⌨️
Backend desenvolvido por Mistral e Llama LLM : Conversify aproveita Mistral e LLama para lidar com consultas de linguagem natural. ?
MongoDB Atlas como Vector Store : armazenamento e recuperação eficiente e escalável de dados de conversação são gerenciados pelo MongoDB Atlas. ?️⚡
Suporte futuro para seleção de modelos : Os clientes terão a opção de escolher entre vários modelos de idiomas que melhor atendam às suas necessidades. ??

Visão geral da arquitetura

O Conversify é construído em uma arquitetura JavaScript full-stack usando a pilha MERN, garantindo escalabilidade, flexibilidade e eficiência.

Back-end :

Node.js e Express.js : lida com solicitações de API, processa dados de conversas e gerencia serviços de back-end. ?
MongoDB Atlas : armazena histórico de conversas, perfis de usuário e vetores para pesquisas e recuperação eficientes de similaridade usando um vectorStore.
Mistral (LLM) : Lida com o processamento de linguagem natural e gera respostas semelhantes às humanas às dúvidas dos clientes.

Front-end ?️:

React.js : fornece uma interface de usuário intuitiva e responsiva onde os usuários podem interagir com o chatbot. Ele suporta entradas de texto e voz. ??‍
Three.js (Avatar 3D) : um mecanismo 3D que alimenta o avatar interativo, adicionando uma camada de envolvimento visual à interação do chatbot. ?️?

Processo de Integração

Obtenha link ou código incorporável : depois de configurar seu chatbot por meio do aplicativo da web do Conversify, os clientes receberão um link incorporável personalizado ou trecho de código. ?
Incorporar no site : cole o código fornecido no HTML do seu site para integrar perfeitamente a interface do chatbot em qualquer página. ?
Personalização : Personalize o chatbot selecionando modelos que se alinhem com sua marca e necessidades. No futuro, você também poderá escolher diferentes modelos de linguagem para potencializar seu chatbot. ??

Principais Funcionalidades ?

1. Interface de bate-papo interativo ?

Os usuários podem interagir com o chatbot usando consultas de texto ou voz. ?
O chatbot responde através do avatar 3D com saída de texto e voz, aumentando o envolvimento.

2. Modelos ?

Escolha entre uma variedade de modelos adaptados a diferentes cenários de suporte ao cliente. Esses modelos orientarão o comportamento, o tom e a aparência do chatbot. ?

3. Integração de voz e texto ?⌨️

O chatbot pode processar entradas de voz e texto dos usuários. ?️
As respostas de voz são sintetizadas usando tecnologia avançada de conversão de texto em fala, dando ao avatar 3D uma voz natural.

4. Personalização do Avatar 3D ?‍??

O avatar 3D é totalmente personalizável, permitindo o alinhamento da marca e da personalidade. Escolha entre diferentes estilos e comportamentos de avatar. ??

Roteiro futuro ?

Opções de seleção de modelos : Os clientes poderão escolher entre diferentes modelos de linguagem (como GPT, Mistral, etc.) com base em suas preferências e requisitos. ??
Análise avançada : painel para monitorar o desempenho do chatbot, interações do usuário e feedback. ?
Avatares personalizados : mais opções de personalização para o avatar se alinhar melhor às diferentes necessidades de negócios e identidades de marca. ?️
Loops de feedback alimentados por IA : permitem que o chatbot aprenda com interações anteriores para melhorar as respostas ao longo do tempo. ?

Começando

Configurando o back-end do BotGenerator

Clone o repositório :

Abra seu terminal e execute:

git clone https://github.com/MrDracs/BotGenerator.git
cd BotGenerator

Instalar dependências :
- No diretório BotGenerator , instale as dependências necessárias:
```
npm install
```

Crie o arquivo .env :

Na pasta BotGenerator , crie um arquivo .env e inclua as seguintes variáveis de ambiente:

MONGODB_URI= < Your_MongoDB_Connection_URI >
GROQ_API_KEY= < Your_GROQ_API_Key >
COHERE_API_KEY= < Your_Cohere_API_Key >

Execute o servidor :
- Inicie o servidor de desenvolvimento:
```
npm run dev
```
- Isso abrirá uma página da web no seu navegador, que você pode fechar por enquanto.

Acessando e testando o frontend do Chatbot ?

Acesse o front-end :
- Navegue até a pasta CodeCubicleConversify e abra index.html em seu navegador:
  - Opção 1: Use o navegador de sua preferência. ?
  - Opção 2: use a extensão VS Code Live Server para hospedagem local. ⚡
Gere e teste seu chatbot :
- No aplicativo da web Conversify que você abriu, preencha o formulário, adicione uma base de conhecimento e clique em Enviar . Você obterá um elemento div incorporável contendo seu chatbot. ??
Incorporar o chatbot :
- Para testar rapidamente o chatbot:
  - Copie todo o elemento div gerado.
  - Abra index.html na pasta CodeCubicleConversify .
  - Encontre a seguinte classe no código (perto da linha 357):
```
 < div class =" side-bar-fs " >
```
  - Substitua o div inteiro pelo novo que você copiou, salve e atualize a página.
Ativar conversão de texto em fala (TTS) :
- Para ativar o TTS para o chatbot, anexe /tts no final do URL src na tag iframe fornecida no div . ?
  - Por exemplo:
```
 < iframe src =" your_chatbot_url/tts " ... > </ iframe >
```

Configuração do aplicativo Web Conversasify

Inscreva-se no Web App : Visite [Conversify Web App URL] e crie uma conta.
Configure seu chatbot : use os modelos fornecidos para configurar seu chatbot.
Gerar código incorporável : Assim que a configuração for concluída, você receberá o código incorporado para integrar ao seu site. ?
Monitore e melhore : acesse o painel para monitorar as interações e otimizar o desempenho do chatbot.