Conversify 다운로드 - Conversify 소스 코드 다운로드

Conversify

AI 소스 코드

1.0.0

다운로드

문서화 ??

소개

Conversify 는 기업이 AI 기반 챗봇을 웹사이트에 쉽게 통합할 수 있게 해주는 고급 고객 지원 챗봇 플랫폼입니다. 대화형 3D 아바타 기술, 음성 및 텍스트 인터페이스, 사용자 정의 가능한 챗봇 템플릿을 결합하여 원활하고 역동적인 사용자 경험을 제공합니다. 강력한 MERN(MongoDB, Express.js, React.js, Node.js) 스택을 기반으로 구축된 Conversify는 클라이언트에 포함 가능한 링크 또는 코드 조각을 제공하여 빠르고 쉬운 통합을 가능하게 합니다.

주요 특징 ?

내장형 챗봇 통합 : 고객은 Conversify 챗봇을 웹사이트에 내장할 수 있는 직접 링크나 코드를 받습니다.
맞춤형 템플릿 : 다양한 고객 지원 요구 사항과 브랜딩 스타일에 맞게 다양한 챗봇 템플릿이 제공됩니다. ?
대화형 3D 아바타 : 사용자는 텍스트와 음성을 통해 응답하는 3D 아바타와 상호 작용하여 매력적이고 인간과 유사한 인터페이스를 제공할 수 있습니다. ??
음성 및 텍스트 상호 작용 : 텍스트 또는 음성 입력을 통해 쿼리를 수행할 수 있으며 두 가지 방식으로 응답이 전달됩니다. ⌨️
Mistral 및 Llama LLM으로 구동되는 백엔드 : Conversify는 자연어 쿼리를 처리하기 위해 Mistral 및 LLama를 활용합니다. ?
벡터 저장소로서의 MongoDB Atlas : 대화 데이터의 효율적이고 확장 가능한 저장 및 검색은 MongoDB Atlas에서 관리됩니다. ?️⚡
모델 선택에 대한 향후 지원 : 고객은 자신의 필요에 가장 적합한 여러 언어 모델 중에서 선택할 수 있는 옵션을 갖게 됩니다. ??

아키텍처 개요

Conversify는 MERN 스택을 사용하는 풀 스택 JavaScript 아키텍처를 기반으로 구축되어 확장성, 유연성 및 효율성을 보장합니다.

백엔드 :

Node.js 및 Express.js : API 요청을 처리하고, 대화 데이터를 처리하고, 백엔드 서비스를 관리합니다. ?
MongoDB Atlas : 효율적인 유사성 검색을 위해 대화 기록, 사용자 프로필, 벡터를 저장하고 vectorStore를 사용하여 검색합니다.
Mistral(LLM) : 자연어 처리를 처리하고 고객 쿼리에 대해 인간과 유사한 응답을 생성합니다.

프론트엔드 ?️:

React.js : 사용자가 챗봇과 상호 작용할 수 있는 직관적이고 반응성이 뛰어난 사용자 인터페이스를 제공합니다. 텍스트와 음성 입력을 모두 지원합니다. ??‍
Three.js(3D 아바타) : 대화형 아바타를 강화하는 3D 엔진으로, 챗봇 상호작용에 시각적 참여 계층을 추가합니다. ?️?

통합 프로세스

포함 가능한 링크 또는 코드 받기 : Conversify의 웹 앱을 통해 챗봇을 구성한 후 클라이언트는 사용자 정의 포함 가능한 링크 또는 코드 조각을 받게 됩니다. ?
웹사이트에 삽입 : 제공된 코드를 웹사이트의 HTML에 붙여넣어 챗봇 인터페이스를 모든 페이지에 원활하게 통합하세요. ?
커스터마이징 : 브랜드와 요구사항에 맞는 템플릿을 선택하여 챗봇을 커스터마이즈하세요. 앞으로는 다양한 언어 모델을 선택하여 챗봇을 강화할 수도 있습니다. ??

주요 기능 ?

1. 대화형 채팅 인터페이스 ?

사용자는 텍스트나 음성 쿼리를 사용하여 챗봇과 상호 작용할 수 있습니다. ?
챗봇은 3D 아바타를 통해 텍스트와 음성 출력으로 응답하여 참여도를 높입니다.

2. 템플릿 ?

다양한 고객 지원 시나리오에 맞춰진 다양한 템플릿 중에서 선택하세요. 이러한 템플릿은 챗봇의 동작, 톤 및 모양을 안내합니다. ?

3. 음성 및 텍스트 통합 ?⌨️

챗봇은 사용자의 음성 및 텍스트 입력을 모두 처리할 수 있습니다. ?️
고급 텍스트 음성 변환 기술을 사용하여 음성 응답을 합성하여 3D 아바타에 자연스러운 음성을 제공합니다.

4. 3D 아바타 사용자 정의 ??‍??

3D 아바타는 완전히 사용자 정의가 가능하므로 브랜딩과 개성을 조정할 수 있습니다. 다양한 아바타 스타일과 동작 중에서 선택하세요. ??

미래 로드맵 ?

모델 선택 옵션 : 고객은 선호도와 요구 사항에 따라 다양한 언어 모델(예: GPT, Mistral 등) 중에서 선택할 수 있습니다. ??
고급 분석 : 챗봇 성능, 사용자 상호 작용 및 피드백을 추적하기 위한 대시보드입니다. ?
개인화된 아바타 : 다양한 비즈니스 요구 사항과 브랜드 아이덴티티에 더 잘 부합하도록 아바타에 대한 더 많은 사용자 정의 옵션이 제공됩니다. ?️
AI 기반 피드백 루프 : 챗봇이 이전 상호 작용을 통해 학습하여 시간이 지남에 따라 응답을 개선할 수 있습니다. ?

시작하기

BotGenerator 백엔드 설정

저장소 복제 :

터미널을 열고 다음을 실행하세요.

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

종속성 설치 :
- BotGenerator 디렉터리에서 필요한 종속성을 설치합니다.
```
npm install
```

.env 파일 만들기 :

BotGenerator 폴더에서 .env 파일을 생성하고 다음 환경 변수를 포함합니다.

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

서버 실행 :
- 개발 서버를 시작합니다.
```
npm run dev
```
- 그러면 브라우저에 웹페이지가 열리며 지금은 닫아도 됩니다.

Chatbot 프론트엔드 액세스 및 테스트 ?

프런트엔드에 액세스 :
- CodeCubicleConversify 폴더로 이동하여 브라우저에서 index.html 엽니다.
  - 옵션 1: 원하는 브라우저를 사용하세요. ?
  - 옵션 2: 로컬 호스팅에 VS Code Live Server 확장을 사용합니다. ⚡
챗봇 생성 및 테스트 :
- 연 Conversify 웹 앱에서 양식을 작성하고 기술 자료를 추가한 후 제출을 클릭하세요. 챗봇이 포함된 삽입 가능한 div 요소를 얻게 됩니다. ??
챗봇 삽입 :
- 챗봇을 빠르게 테스트하려면:
  - 생성된 전체 div 요소를 복사합니다.
  - CodeCubicleConversify 폴더에서 index.html 엽니다.
  - 코드에서 다음 클래스를 찾으세요(약 357번째 줄):
```
 < div class =" side-bar-fs " >
```
  - 전체 div 복사한 새 div로 바꾸고, 페이지를 저장하고 새로 고치세요.
TTS(텍스트 음성 변환) 활성화 :
- 챗봇에 TTS를 활성화하려면 div 에 제공된 iframe 태그의 src URL 끝에 /tts 추가하세요. ?
  - 예를 들어:
```
 < iframe src =" your_chatbot_url/tts " ... > </ iframe >
```