chatgpt react express

Chatgpt React 앱

이것은 OpenAI의 ChatGpt API의 힘을 활용하여 채팅 인터페이스에서 사람과 같은 응답을 생성하는 반응 기반 응용 프로그램입니다. 이 readme.md는이 앱의 설정 및 사용을 안내합니다. Express Server는 OpenAI 패키지가 GPT-3.5-Turbo 모델을 사용하는 데 어려움이 있기 때문에 GPT-Turbo를 사용하여 ChatGpt API와 통신하는 프록시 역할을합니다.

목차

1. 특징
2. 전제 조건
3. 설치
4. 용법
5. 기여
6. 특허

? 특징

• 원활한 사용자 경험을 제공하는 반응 기반 프론트 엔드.
• 강력한 자연어 생성을위한 OpenAi의 ChatGpt API와의 통합.
• 다양한 화면 크기에 적응하는 응답 채팅 인터페이스.
• 완벽한 경험을 보장하기위한 철저한 오류 처리.

? 전제 조건

시작하기 전에 다음과 같은 설치가 있는지 확인하십시오.

• node.js (v14 이상)
• NPM (V7 이상)
• OpenAI API 키 (없으면 여기에 가입)

설치

로컬 컴퓨터에서 프로젝트를 설정하려면 다음을 수행하십시오.

1. 저장소 복제 :

git clone https://github.com/yourusername/chatgpt-react-express-app.git

2. 프로젝트 디렉토리로 변경 :

 cd chatgpt-react-express-app

3. 종속성 설치 :

npm install

4. 루트 디렉토리에서 .env 파일을 만들고 OpenAI API 키를 추가하십시오.

 REACT_APP_OPENAI_API_KEY=your_openai_api_key

5. 이 응용 프로그램은 프론트 엔드 및 백엔드에 별도의 프로세스를 사용합니다. 다음 NPM 스크립트를 사용하여 개별적으로 또는 동시에 실행할 수 있습니다.

백엔드 서버 만 실행하십시오.

npm run server

프론트 엔드 React Development Server 만 실행하십시오.

npm run client

백엔드 및 프론트 엔드 서버를 동시에 실행하십시오.

npm run dev

응용 프로그램은 이제 http://localhost:3000 에서 실행됩니다. 브라우저를 열고이 주소로 이동하여 앱 사용을 시작하십시오.

용법

1. 채팅 인터페이스 하단의 입력 필드에 메시지를 입력하십시오.
2. Enter 누르거나 Send 버튼을 클릭하여 메시지를 제출하십시오.
3. 응용 프로그램은 메시지를 Chatgpt API로 보내고 채팅 창에 생성 된 응답을 표시합니다.
4. 더 많은 메시지를 보내서 대화를 계속할 수 있습니다. 채팅 기록이 보이게되어보다 매력적이고 대화식 대화가 가능합니다.

? 기여

기부금을 환영합니다! 프로젝트를 개선하거나 확장하려면 다음을 수행하십시오.

1. 저장소를 포크하십시오.
2. 설명 이름을 가진 새 지점을 만듭니다.
3. 새 지점에서 변경하십시오.
4. 변경 사항에 대한 자세한 설명으로 풀 요청을 제출하십시오.

풀 요청을 검토하고 피드백을 제공하거나 가능한 빨리 변경 사항을 병합하겠습니다.

? 특허

이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.