AI Integration

Esse é um projeto de integração de IAs usando Node.js e React.js.

Aplicativos de IA estão dominando o mundo. Existe um aplicativo de IA para todo uso possível. Aqui estão alguns aplicativos de IA para diferentes categorias:

1. Uso Geral: Perplexidade, Claude Anthropic, Grok, ChatGPT e Gêmeos
2. Escrevendo Código: Cursor, Replit, Windsurf AI, Github Copilot e Tabnine
3. Produtividade: Adobe (PDF Chat), Gemini para Gmail, Gamma (apresentação de slides com IA), WisprFlow (ditado por voz com IA) e Granola (anotador de IA)
4. Construção de Audiência: Delphi (texto e voz de IA), HeyGen (tradução de vídeo), Persona (construtor de agentes de IA), Captions (edição de vídeo com IA) e OpusClips (reaproveitamento de vídeo)
5. Criatividade: ElevenLabs (vozes realistas de IA), Midjourney, Suno AI (geração de música), Krea (aprimorar imagens) e Photoroom (edição de imagens com IA)
6. Aprendizado e Crescimento: App Particle News, Rosebud (aplicativo de diário de IA), NotebookLM, GoodInside (co-piloto de parentalidade) e Ash (conselheiro de IA).

A palavra é sua: qual outro aplicativo de IA você vai adicionar à lista?

Development

Technologies:

• Client: React, Axios, CSS3
• Server: Node.js, OpenAI API, CORS, .Env, Express
• Architecture: Client-Server, REST API, N-Tier Architecture

PATH Directory:

chatgpt-clone/
│
├─── web/                  # Diretório do cliente (frontend)
│   ├─── public/               # Arquivos estáticos públicos (HTML, CSS, JS)
│   ├─── src/                  # Código-fonte do cliente
│   │   ├─── components/       # Componentes reutilizáveis
│   │   ├─── pages/            # Páginas da aplicação
│   │   └─── index.js          # Ponto de entrada do cliente
│   └─── package.json          # Metadados e dependências do cliente
│
├─── server/                 # Diretório do servidor (backend)
│   ├─── config/               # Configurações do projeto
│   │   └─── openai.js         # Código de integração da API da OpenAI
│   ├─── src/                  # Código-fonte do servidor
│   │   ├─── routes/           # Rotas da API
│   │   ├─── controllers/      # Controladores da lógica de negócios
│   │   ├─── models/           # Modelos de dados
│   │   ├─── server.js
│   │   └─── app.js          # Ponto de entrada do servidor
│   └─── package.json          # Metadados e dependências do servidor
│
└─── package.json              # Metadados e dependências do projeto global

Environment Variables:

OPEN_AI_KEY
PORT

1. Installing all dependences:

npm i

Staging

Production