Como criar aplicativo com chatgpt do zero em 5 etapas

Você vai construir um recomendador de filmes funcional em Python usando a API da OpenAI. Para aprender como criar aplicativo com ChatGPT do absoluto zero, você só precisa ter o Python configurado no computador e uma chave de API ativa para realizar os testes práticos imediatamente.

O que você vai precisar

• Python 3.10 ou superior configurado no seu sistema operacional (docs.Python.org)
• Visual Studio Code instalado para editar os arquivos do projeto
• Uma chave de API ativa gerada na plataforma de desenvolvedores da OpenAI
• Acesso ao ChatGPT para refinar trechos de código específicos
• Tempo estimado de execução: 30 minutos
• Custo aproximado: Gratuito para a criação do código, com custo de US$ 0.01 por consulta de teste na API

Passo a passo

1. Prepare o seu ambiente de desenvolvimento local

   Abra o terminal do seu computador para criar a pasta onde o seu projeto vai rodar. Digite os comandos abaixo para criar a pasta, acessar o diretório e iniciar o seu ambiente virtual do Python.

   mkdir recomendador-filmes
   cd recomendador-filmes
   python -m venv venv

   Ative o ambiente virtual para garantir que as bibliotecas fiquem isoladas no seu projeto. No Windows, execute o comando de ativação do terminal correspondente.

   venv\Scripts\activate

   Se você estiver usando Linux ou macOS, execute o comando equivalente para ativar o ambiente.

   source venv/bin/activate

   Instale os pacotes da biblioteca Flask, do cliente oficial da OpenAI e da biblioteca Python-dotenv para gerenciar as suas credenciais.

   pip install Flask openai python-dotenv

   Você deve ver o terminal ativo exibindo a marcação do seu ambiente virtual ativa antes do caminho da pasta do seu usuário.

2. Gere a sua chave de API na OpenAI

   Abra o navegador e acesse a sua conta na plataforma de desenvolvedores da OpenAI. Clique no menu lateral esquerdo chamado “API Keys” para gerenciar as suas credenciais de segurança.

   Clique no botão cinza chamado “Create new secret key” para abrir o formulário de geração de credencial. Defina um nome identificador de sua preferência para a chave e clique no botão verde de confirmação.

   Copie o código gerado imediatamente, pois a plataforma esconde o valor logo após você fechar a janela. Abra o Visual Studio Code, crie um arquivo chamado exatamente .env na raiz do seu projeto e insira a variável de ambiente.

   OPENAI_API_KEY="sk-proj-insira_aqui_a_sua_chave_secreta_sem_espacos"

   Você deve ver o arquivo .env criado na listagem lateral do seu editor de código com a chave preenchida de forma correta.

3. Escreva o prompt estruturado para o ChatGPT

   Abra o ChatGPT no seu navegador para solicitar os arquivos principais que vão compor a lógica do sistema de recomendação. Nesta etapa de como criar aplicativo com ChatGPT, você usará uma instrução altamente detalhada para evitar erros de biblioteca desatualizada.

   Envie o prompt contido na caixa abaixo exatamente como está estruturado para receber o retorno limpo do código funcional.

   Escreva um aplicativo web simples usando Flask em Python.
   O programa deve recomendar 3 filmes com base no humor do usuário.
   Use a biblioteca oficial openai na versão mais recente.
   Crie um arquivo app.py que carregue a chave do arquivo .env usando python-dotenv.
   Use o modelo gpt-4o-mini para fazer a chamada.
   Crie também o arquivo HTML correspondente chamado templates/index.html com um formulário simples.

   Você deve ver o retorno do assistente entregando o código completo do servidor web Flask e a estrutura básica do arquivo HTML.

4. Crie os arquivos do aplicativo com o código gerado

   Abra o Visual Studio Code e crie o arquivo app.py na raiz da pasta do seu projeto. Copie o código gerado pelo assistente de inteligência artificial e cole no arquivo correspondente.

   import os
   from flask import Flask, render_template, request
   from openai import OpenAI
   from dotenv import load_dotenv
   
   load_dotenv()
   
   app = Flask(__name__)
   client = OpenAI(api_key=os.environ.get("OPENAI_API_KEY"))
   
   @app.route("/", methods=["GET", "POST"])
   def index():
       recommendation = ""
       if request.method == "POST":
           mood = request.form.get("mood")
           response = client.chat.completions.create(
               model="gpt-4o-mini",
               messages=[
                   {"role": "system", "content": "Você é um especialista em cinema que recomenda 3 filmes com base no humor do usuário."},
                   {"role": "user", "content": f"Estou me sentindo {mood}. Recomende filmes para mim."}
               ]
           )
           recommendation = response.choices[0].message.content
       return render_template("index.html", recommendation=recommendation)
   
   if __name__ == "__main__":
       app.run(debug=True, port=5000)

   Crie uma pasta chamada templates na raiz do projeto para armazenar a interface gráfica do recomendador. Dentro dessa pasta, crie um arquivo chamado index.html e cole o código HTML gerado.

   <!DOCTYPE html>
   <html lang="pt-br">
   <head>
       <meta charset="UTF-8">
       <title>Recomendador de Filmes</title>
       <style>
           body { font-family: Arial, sans-serif; max-width: 600px; margin: 40px auto; padding: 20px; }
           form { display: flex; flex-direction: column; gap: 10px; }
           input { padding: 10px; font-size: 16px; }
           button { background-color: #007bff; color: white; border: none; padding: 10px; cursor: pointer; }
           .result { margin-top: 20px; padding: 15px; background: #f4f4f4; border-radius: 5px; white-space: pre-line; }
       </style>
   </head>
   <body>
       <h1>Como você está se sentindo hoje?</h1>
       <form method="POST">
           <input type="text" name="mood" placeholder="Ex: cansado, feliz, ansioso" required>
           <button type="submit">Obter Recomendações</button>
       </form>
       {% if recommendation %}
       <div class="result">
           <h2>Suas Recomendações:</h2>
           <p>{{ recommendation }}</p>
       </div>
       {% endif %}
   </body>
   </html>

   Você deve ver a estrutura de pastas exibindo o arquivo app.py e a pasta templates contendo o arquivo index.html salvo.

5. Execute e teste o seu recomendador de filmes

   Volte ao terminal do seu computador para iniciar o servidor web do Flask. Digite o comando abaixo e pressione a tecla Enter para rodar o aplicativo de forma local.

   python app.py

   Observe as mensagens de inicialização do servidor local que aparecem diretamente no seu console de execução.

    * Serving Flask app 'app'
    * Debug mode: on
    * Running on http://127.0.0.1:5000

   Abra o seu navegador web favorito e digite o endereço http://127.0.0.1:5000 na barra de navegação para carregar a página criada. Escreva uma palavra que defina o seu estado de espírito e clique no botão chamado “Obter Recomendações”.

   Você deve ver a tela atualizar em poucos segundos exibindo os nomes e as descrições dos filmes recomendados pela inteligência artificial.

Erros mais comuns

O erro de chave de API incorreta acontece quando o arquivo de variáveis de ambiente está sem a chave correta ou o valor foi digitado incorretamente. Isso impede que a biblioteca envie as requisições autenticadas para os servidores da OpenAI.

openai.AuthenticationError: Error code: 401 - {'error': {'message': 'Incorrect API key provided: sk-proj-***. You can find your API key at https://platform.openai.com/account/api-keys.', 'type': 'invalid_request_error', 'param': None, 'code': 'invalid_api_key'}}

O erro de falta de templates acontece quando você salva o arquivo index.html diretamente na raiz do projeto ou erra a grafia da pasta correspondente. O Flask exige que a pasta se chame exatamente templates, no plural e em letras minúsculas.

jinja2.exceptions.TemplateNotFound: index.html

O erro de cota excedida indica que a sua conta de desenvolvedor não possui créditos ativos para realizar as consultas aos modelos. Acesse a área de cobrança da plataforma e insira créditos de uso para restabelecer o funcionamento correto.

openai.RateLimitError: Error code: 429 - {'error': {'message': 'You exceeded your current quota, please check your plan and billing details. For more information on this error, please visit https://platform.openai.com/docs/guides/error-codes/api-errors.', 'type': 'insufficient_quota', 'param': None, 'code': 'insufficient_quota'}}

Quanto custa

O investimento necessário para dominar como criar aplicativo com ChatGPT é extremamente baixo e flexível para quem está começando no desenvolvimento de software. O interpretador do Python, o editor de código Visual Studio Code e o framework web Flask são ferramentas totalmente gratuitas.

A ferramenta paga que você usará neste projeto é a API da OpenAI, que funciona em um modelo de cobrança sob demanda. O modelo gpt-4o-mini custa aproximadamente US$ 0.15 por milhão de tokens de entrada e US$ 0.60 por milhão de tokens de saída.

Uma recarga mínima inicial de US$ 5.00 na plataforma de desenvolvedores é o suficiente para realizar milhares de testes de desenvolvimento durante os seus estudos. Recomendamos sempre que você consulte a página oficial de preços da OpenAI, pois esses valores de tarifas sofrem alterações constantes.

Caso queira hospedar o seu aplicativo final na nuvem para que outras pessoas usem, você pode recorrer ao plano gratuito de serviços como o Render. Se preferir contratar uma estrutura de produção mais robusta no futuro, os planos de servidores virtuais básicos custam a partir de US$ 5.00 por mês.

Perguntas frequentes

Consigo criar um aplicativo de filmes completo usando o ChatGPT?

Sim, você consegue gerar toda a base de código do sistema usando as instruções fornecidas no assistente virtual. Para criar um sistema comercial robusto, você precisará integrar a lógica de programação a bancos de dados persistentes como o PostgreSQL. Também será necessário conectar o seu código a APIs de busca especializadas, como a base de dados do TMDB, para carregar cartazes e dados de lançamentos.

É muito difícil desenvolver aplicativos pro que rodem no celular?

O processo de desenvolvimento exige mais etapas do que a criação de uma página web simples, mas é totalmente viável. Você precisará instruir a inteligência artificial a escrever o código usando frameworks híbridos como o Flutter ou React Native. O assistente de código pode estruturar as telas, os fluxos de navegação e as requisições de rede para as lojas de aplicativos do Android e iOS.

O robô também ajuda a criar um aplicativo de música funcional?

Sim, você pode solicitar a criação de reprodutores de áudio locais ou integrados a serviços externos. A ferramenta consegue estruturar o código em Python usando bibliotecas de reprodução de som ou se conectar diretamente com os endpoints de desenvolvedores do Spotify. O assistente orienta você na criação das chaves de autorização de usuário e na montagem das listas de reprodução.

Dá para integrar o código com sistemas de pagamento como o aplicativo caixa?

A integração direta com o aplicativo caixa não é permitida por razões de segurança e conformidade bancária interna. No entanto, você consegue integrar o seu sistema com gateways de pagamento homologados no mercado como o Stripe ou o Mercado Pago. O assistente ajuda a estruturar os webhooks que recebem as confirmações de transações financeiras com segurança.

Qual é o melhor caminho para construir um aplicativo de jogos básico?

O caminho mais rápido é solicitar que o gerador de código escreva lógica de jogos em HTML5 com JavaScript para rodar direto no navegador. Você pode pedir para desenvolver jogos clássicos de lógica como o jogo da velha, campo minado ou jogos de plataforma simples. Se preferir jogos de celular, peça para o assistente gerar os scripts para o motor de desenvolvimento Unity ou usando a biblioteca Pygame.

Conclusão

Desenvolver o seu primeiro software integrado com inteligência artificial é um processo direto quando você utiliza as instruções corretas no terminal. Com o código rodando em sua máquina, você está pronto para expandir as funcionalidades e criar sistemas ainda mais completos.

Gostou do resultado do seu recomendador de filmes pessoal? Deixe um comentário abaixo contando qual foi a recomendação gerada para o seu humor hoje!