Como Eu Construí Meu Próprio App de Lista de Tarefas em Minutos Usando Ferramentas de IA

A IA está mudando o cenário tecnológico para sempre; pegue o ChatGPT, por exemplo. Ele revolucionou a indústria da escrita e até mesmo desestabilizou negócios inteiros da Chegg. Agora, todas as empresas correm atrás da IA e tentam integrá-la em seus aplicativos e serviços. Embora a maioria deles seja interessante, o verdadeiro valor da IA é que ela reduz o esforço humano, acelera processos e diminui custos.

Por exemplo, se alguém me perguntasse quanto tempo leva para construir um aplicativo, eu provavelmente responderia que leva alguns meses, talvez anos, dependendo dos recursos e do tamanho do aplicativo.

No entanto, se você fizer a mesma pergunta agora, eu diria que talvez uma hora, um dia ou até mesmo minutos. É isso que a IA pode fazer agora. Certas aplicações permitem que você construa aplicativos em apenas minutos. Não, não estou falando de ferramentas de IA sem código para construir aplicativos. Estou falando de aplicativos que podem escrever código em qualquer linguagem ou forma ou ajudá-lo a construir os aplicativos. A boa notícia é que você não precisa escrever uma única linha de código ou ter conhecimento prévio sobre como o código funciona.

Você pode construir um aplicativo e escalá-lo para milhões em apenas minutos. Eu tenho usado várias ferramentas de IA e construí mais de 30 aplicativos. Se você quer aprender e criar algo sem passar meses aprendendo a programar, este guia é para você.

Como Construir Aplicativos em Apenas Minutos: Vamos Construir um App de Lista de Tarefas

Eu experimentei as ferramentas Lovable.dev e Bolt.new que permitem que você construa o aplicativo usando prompts naturais simples. Ambas oferecem resultados incríveis na construção de aplicativos web simples em apenas minutos, mas diferem ligeiramente em termos de limites.

Na minha experiência, o Bolt oferece tokens limitados (quanto texto ou código a IA pode escrever; no Bolt, estava limitado a 150k palavras) por dia, o que não é muito se você quiser construir um aplicativo avançado que exija múltiplos prompts e centenas de linhas de código. Além disso, você precisa de uma conta do GitHub para criar e usar o Bolt.

Por outro lado, o Lovable adota uma abordagem mais amigável ao usuário, permitindo que você faça login com uma conta do Google, uma vez que não muitos não-programadores têm uma conta do GitHub.

Além disso, ao contrário do Bolt, o Lovable oferece cinco prompts gratuitos por dia (quantas vezes você pode interagir com o aplicativo), o que permite que você crie e itere planos e resolva quaisquer problemas sem se preocupar em exceder os limites.

Eu usarei o Lovable para ajudá-lo a construir o aplicativo. Você também pode ver o Bolt se tiver uma conta do GitHub, pois eles oferecem uma abordagem e interface semelhantes.

Primeiro, vamos começar criando uma ideia. Embora esses aplicativos possam entender a linguagem natural, é melhor planejar e incluir todos os detalhes do aplicativo que você irá construir antecipadamente em um prompt para obter melhores resultados e evitar desperdiçar seu limite de prompts gratuitos desnecessariamente repetindo solicitações mais tarde.

E não se preocupe, você não precisa de nenhum conhecimento prévio. Você pode usar qualquer ferramenta de chatbot de IA para criar um prompt detalhado para construir um aplicativo; eu recomendo usar o ChatGPT para melhores resultados.

Visite ChatGPT.com e comece a perguntar o que você quer construir um aplicativo com esses recursos. Se você tiver alguma experiência, pode especificar quaisquer recursos adaptados às suas necessidades. Passe algum tempo e ajuste o prompt.

Finalmente, peça ao ChatGPT para gerar um prompt de IA para construir o aplicativo.

Em seguida, vá para o Lovable.dev e clique em Inscrever-se se você não tiver uma conta.

Você pode usar uma conta do Google ou GitHub para se inscrever no Lovable. Eu recomendo usar uma conta do Google já que é fácil de configurar, e todos têm uma.

Uma vez que você faça login, na tela de chat, copie o prompt do ChatGPT, cole-o como o prompt, e pressione Enter ou clique na pequena seta no canto inferior direito. A ferramenta começará a criar o aplicativo com os arquivos necessários.

Dependendo dos recursos do aplicativo, pode levar vários minutos para construí-lo. Se você encontrar algum erro como um erro desconhecido ou algo deu errado, e o aplicativo parar de construir, você pode usar o Prompt Continuar Construindo o aplicativo para retomar o processo.

Uma vez que a construção esteja concluída, você pode visualizar a prévia do aplicativo funcional na aba da direita e alternar entre a visualização móvel e desktop.

Se você encontrar um erro, o aplicativo pedirá que você o corrija, e a ferramenta começará automaticamente a resolver o problema. Você pode aprimorar o aplicativo com novos recursos usando prompts na barra lateral esquerda. Lembre-se de que você estará limitado a 5 prompts por dia. Uma vez que você atinja o limite, precisará esperar 24 horas.

Neste caso, eu quero o aplicativo de tarefas da lista de tarefas com uma opção para definir um temporizador personalizado para cada tarefa, e quero definir a prioridade da tarefa antes de adicionar a tarefa. Você pode ajustar ainda mais e obter o prompt que está usando no ChatGPT, e então a ferramenta atualiza os aplicativos com esses novos recursos.

Parabéns! Você acabou de construir a interface do aplicativo de lista de tarefas em apenas minutos. Você pode usá-lo para criar uma lista de tarefas. No entanto, como não há banco de dados, você pode perder seus dados se redefinir o aplicativo ou apenas limpar o cache do Chrome ou qualquer outro navegador que você use.

Para evitar isso, você pode conectar os dados ao banco de dados e usá-lo para armazenar os dados. Não se preocupe; você pode fazer isso em etapas simples.

Você pode conectar seu aplicativo ao banco de dados, armazenar todos os seus dados, adicionar autenticação e até enviar e-mails. No meu caso, o aplicativo de lista de tarefas que construí usa o armazenamento local do navegador para armazenar todas as suas tarefas, e se você limpar o cache do Google Chrome ou de qualquer navegador que estiver usando, todas as suas tarefas serão excluídas. Para evitar isso, você pode conectá-lo ao banco de dados e armazenar dados no servidor.

O Lovable também oferece uma maneira fácil de conectar seu aplicativo a um banco de dados, armazenar os dados usando a tarefa, adicionar autenticação, enviar e-mails e muito mais.

Clique em Supabase, depois Conectar Supabase, e crie uma conta lá. Após criar uma conta, clique em Autorizar Lovable. Você precisa de uma conta do GitHub para criar uma conta no Supabase. Se você não tiver uma conta do GitHub, pode criar uma a partir daqui.

Agora, crie uma conta no Supabase. Você precisa fazer login usando sua conta do GitHub. Uma vez criada, volte para o aplicativo, e o aplicativo mostrará seu nome de projeto e ID na página.

Clique na sua conta e depois toque em Criar novo projeto.

Em seguida, insira um nome de projeto e crie um novo projeto, que será automaticamente conectado ao banco de dados. Mais tarde, ele lhe dará opções para várias ações diferentes. Neste caso, estou apenas pedindo para armazenar dados da tarefa.

O aplicativo fornece o código SQL. Você pode revisar o código se estiver familiarizado com ele e clicar em Aplicar Alterações. O aplicativo será conectado com sucesso ao banco de dados.

Agora, você pode publicar o aplicativo e usá-lo em seu celular. Clique no botão publicar e Publicar novamente para obter o link. Lembre-se, é um link público; qualquer pessoa que acessá-lo pode copiar e remixar o código do seu aplicativo. Você precisa se inscrever nos planos premium para criar um projeto privado.

Você também pode compartilhar o código no GitHub, baixar o projeto localmente e começar a desenvolvê-lo em seu dispositivo. Conecte sua conta do GitHub e faça o commit do projeto no GitHub.

É isso! Você criou um aplicativo completo de lista de tarefas usando ferramentas de IA simples em minutos. Espero que você ache este guia útil.

Você pode construir qualquer aplicativo que desejar, as possibilidades são infinitas, mas lembre-se de que a versão gratuita dessas ferramentas de IA é limitada a alguns prompts. Você pode optar por um plano premium que pode aumentar esse limite, mas é caro se você for um usuário regular. Por exemplo, o plano Lovable Starter custa 20 dólares e é o mesmo que o plano ChatGPT Plus. O plano gratuito, que dá acesso a 5 prompts por dia (limitado a 30 por mês), é mais do que suficiente para construir um aplicativo web básico. Espero que você ache este guia útil; se você tiver alguma sugestão ou estiver enfrentando problemas, me avise nos comentários.

Veja o aplicativo que eu construí: https://pomodoro-panda-planner.lovable.app./

Perguntas Frequentes sobre Construção de Aplicativos Usando Ferramentas de IA

1. Posso usar Lovable ou Bolt para construir aplicativos móveis, ou eles são apenas para aplicativos web?

Você também pode usar essas ferramentas para construir aplicativos móveis. Você pode pedir às ferramentas para escrever código em React Native e depois publicá-lo em plataformas móveis como Google Play e Apple App Store. Você também pode converter aplicativos existentes em aplicativos móveis usando frameworks como o mesmo React Native Framework ou envolvê-los em um WebView usando ferramentas como Capacitor ou Cordova.

2. Preciso de algum conhecimento de programação para usar Lovable ou Bolt?

Não, você não precisa de nenhum conhecimento prévio de programação para construir aplicativos web básicos. No entanto, essas ferramentas de IA podem ser um obstáculo às vezes, então você precisará de conhecimento técnico e de programação para corrigir os problemas. No entanto, na maioria dos casos, você pode construir aplicativos usando prompts em linguagem natural sem escrever uma única linha de código.

3. Quais são as principais diferenças entre Lovable e Bolt?

O Lovable permite que você faça login com uma conta do Google e oferece 5 prompts gratuitos diariamente, enquanto o Bolt, por outro lado, requer uma conta do GitHub e fornece 150k tokens gratuitos diariamente. Ambos têm uma interface quase semelhante. Além disso, o Bolt permite que você baixe ou transfira diretamente o código profundamente para os servidores de rede. Enquanto no Lovable, você precisa fazer o commit do código do GitHub para obter o código.

4. Posso construir aplicações complexas usando essas ferramentas de IA?

Sim, mas haverá uma limitação, uma vez que aplicações complexas exigem conhecimento avançado de programação. Essas ferramentas também oferecem prompts limitados por dia, o que pode ser suficiente para construir o aplicativo usando versões gratuitas.

5. O que acontece se eu ficar sem prompts ou tokens gratuitos?

No Lovable, a versão gratuita é limitada a 5 prompts diários, e você deve esperar 24 horas para um reset. No Bolt, uma vez que você exceda 150k tokens, você deve esperar pelo limite de reset diário para obter mais tokens.