chatgpt react express

Chatgpt React App

Este é um aplicativo baseado em React que aproveita o poder da API ChatGPT do OpenAI para gerar respostas semelhantes a seres humanos em uma interface de bate-papo. Este readme.md o guiará através da configuração e uso deste aplicativo. O servidor Express serve como proxy para se comunicar com a API ChatGPT usando GPT-Turbo, pois o pacote OpenAI tem problemas para usar o modelo GPT-3.5-Turbo.

Índice

1. Características
2. Pré -requisitos
3. Instalação
4. Uso
5. Contribuindo
6. Licença

? Características

• Frontend baseado em React, que fornece uma experiência suave do usuário.
• Integração com a API ChatGPT do OpenAI para uma poderosa geração de linguagem natural.
• Interface de bate -papo responsivo que se adapta a vários tamanhos de tela.
• Manipulação completa de erros para garantir uma experiência perfeita.

? Pré -requisitos

Antes de começar, verifique se você tem o seguinte instalado:

• Node.js (v14 ou superior)
• NPM (V7 ou superior)
• Uma chave de API do Openai (inscreva -se aqui se não tiver uma)

Instalação

Para configurar o projeto em sua máquina local, siga estas etapas:

1. Clone o repositório:

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

2. Mudar para o diretório do projeto:

 cd chatgpt-react-express-app

3. Instale as dependências:

npm install

4. Crie um arquivo .env no diretório raiz e adicione sua chave de API do OpenAI:

 REACT_APP_OPENAI_API_KEY=your_openai_api_key

5. Este aplicativo usa processos separados para o front-end e o back-end. Você pode executá -los individualmente ou simultaneamente usando os seguintes scripts da NPM:

Execute o servidor back-end apenas:

npm run server

Execute apenas o servidor de desenvolvimento do ReacT Front-end:

npm run client

Execute os servidores de back-end e front-end simultaneamente:

npm run dev

O aplicativo agora estará em execução em http://localhost:3000 . Abra seu navegador e navegue até este endereço para começar a usar o aplicativo.

Uso

1. Digite sua mensagem no campo de entrada na parte inferior da interface de bate -papo.
2. Pressione Enter ou clique no botão Send para enviar sua mensagem.
3. O aplicativo enviará a mensagem para a API ChatGPT e exibirá a resposta gerada na janela de bate -papo.
4. Você pode continuar a conversa enviando mais mensagens. O histórico de bate -papo será visível, permitindo uma conversa mais envolvente e interativa.

? Contribuindo

As contribuições são bem -vindas! Se você deseja melhorar ou expandir o projeto, siga estas etapas:

1. Fork o repositório.
2. Crie um novo ramo com um nome descritivo.
3. Faça suas alterações no novo ramo.
4. Envie uma solicitação de tração com uma descrição detalhada de suas alterações.

Analisaremos sua solicitação de tração e forneceremos feedback ou mesclará suas alterações o mais rápido possível.

? Licença

Este projeto está licenciado sob a licença do MIT. Consulte o arquivo de licença para obter mais detalhes.