0:02 Fala pessoal, tudo bom? Hoje é sábado, 4:57. Ontem, né, eu recebi a notícia ali que eh o Loable, né, tava deixando aí o final de semana liberado para totalmente de graça para pro pessoal poder, né, testar, desenvolver. A gente deve se fazer parte de alguma estratégia deles, talvez futuramente daqui alguns dias, né, principalmente depois de amanhã. Aí vocês não vão ter esse privilégio, mas quem conseguir ver esse vídeo agora, eh, vai conseguir. Aí tem mais, acho que uns, pelo que tá aparecendo aqui para mim, tem aí uns algumas horas
0:49 aí, tem até um um timer aqui, né? eh, para poder brincar com love, poder testar, poder criar alguma coisa que tem na cabeça. E vem muitas pessoas, né, nas últimas semanas, inclusive tenho ajudado muitas pessoas com o Lovbow, né? Podem ser outras ferramentas também, Bolt, Cursor, Windsurf, né? Eh, em algumas aulas que eu dei também, a gente passou muito mais ou menos como que você pode fazer para que eh você consiga sair do zero, né? Poxa, Bruno, nunca testei essa ferramenta, nunca não sei como começar. Então aqui esse vídeo vai ser um vídeo curtinho que eu vou jogar aberto eh nas minhas redes, né? Claro que dentro da nossa comunidade da L da Builders, como
1:35 a gente com certeza tem muito mais conteúdo aprofundado, consegue tirar dúvida, mas aqui vai ser um vídeo para explicar como você sai do zero, né? Aproveitar esse final de semana para poder testar de forma gratuita no seu Lable, tá? Tá? Então, como que eu costumo eh fazer, tá? Eh, eu costumo usar uma técnica, eu não sei se ela tem outro nome ou foi uma técnica, né, que que eu desenvolvi que se chama prompt, né? Então, primeiro eu trabalho a ideia, né? Eu trabalho o qual problema que eu quero resolver, qual o usuário, né? qual o os dados obrigatórios, algumas regras ali, eu trabalho eh nesse eh talvez no chat
2:20 GPT ou no cloud. Eu prefiro o Cloud por causa desse modelo aqui, eh, Cloud Son 4. Ele tem sido muito superior quando a gente fala de codificação com AI, né, com AI code. Então, eh, você eh eu recomendo usar o Cloud, inclusive esse aqui tá no free, nem sei se ele vai aguentar muito, mas a princípio ele vai pegar o básico. É, e daí ou no chat EPT também. Daí o chat GPT eu recomendo é utilizar aqueles modelos 4O, né? É quatro e 4 ou não, perdão, o o A3, O34 mini ou o A4 mini high, né? Para poder fazer isso aqui.
3:07 Que que você vai fazer? Eu vou colar na legenda desse vídeo, eh, eu vou colar esse esse scriptinho, mas é basicamente eh, problema usuário, resultado, dados obrigatórios, regras e exemplo, né? Então, eu quero construir um sistema eh pro RH, por exemplo, e poder fazer, né, ali a gestão de vagas e da candidatura dele aí, né, é um pouco do nosso contexto aqui da reverb. Eh, então, qual é o problema, eh, que eu tenho, né, aí como que eu vou começar, né? Quero criar um prompt, então eu não vou criar o sistema aqui, né? né? Eu vou criar um prompt,
3:59 né? Aqui eu não preciso colocar para levar para o love, né? Mas para vocês entenderem, né? Tipo, eu quero criar um prompt para criar um sistema web de gerenciamento de vagas e candidatos, né? Que é muito o nosso contexto aqui da da Reverb, né? Então, qual é o problema, né, que esse público tem, né, que eu tô criando, eu já sei o que eu quero criar. O que que você quer criar? Você quer criar um sistema para gerenciar eh folha de pagamento, você quer criar um sistema para controlar entregas de motoboy. Eh, você quer controlar alguma coisa, quer criar algum sistema aqui. Vale também para site, tá? Não, não, vocês não precisam ficar fechados em eh fazer um controle ali de
4:48 alguma coisa. Então, qual o problema que eu quero resolver? Eh, recebo muitos candidatos para a minha vaga e preciso ter a gestão desse processo, tá? Então, a partir daí, quem é esse usuário final? Aqui no meu caso, pode ser eh um dono, né, de uma pequena loja ou alguma coisa aqui. Eu vou colocar lá na lista de RH, né, de recrutamento e seleção. Mas o que que eu posso colocar aqui? Qual o resultado esperado? Tá, eu tô esperando o quê?
5:34 Eh, uma um board, né, um camban, um board para ter as etapas do meu processo de vagas e como fazer a entrada facilitada do meu candidato, tá? Então aqui eu tô destrinchando o que que eu quero. Você pode fazer isso também através de linguagem natural. Eu quero um sistema que resolva o meu problema, né? Que faça isso, que faça aquilo. Eu geralmente tenho eh tem algumas pessoas que até ativam, né, em
6:20 outras IAIS. Aqui eu acho que não tem não. Eh, eu ativo o tom de voz, ativo a voz, né, para ele ir falando. O chat EPT tem isso. Então eu consigo ali eh criar, né? Eh, eu falando, né, conversando com a IA, né, quais os dados daí que eu tenho obrigatórios, né, que eu preciso ter. Eu preciso do candidato, eu preciso do currículo em PDF e das dos principais dados de como e-mail. WhatsApp, né? Hoje é tudo pelo WhatsApp.
7:06 Eh, e-mail, WhatsApp, as outras informações estão no no currículo. Então, tá aí. Se você quiser aprofundar para que pegue as informações do currículo também, é uma boa, né? E nome completo, tá? Eh, e os dados da vaga, né? Que daí eu vou abrir essa vaga também, né? Eu vou ter ali um gerenciamento, mas eu posso ter um formulário para cair esses candidatos. É, então dados da vaga como título, salário, descrição, cidade. Tá aqui, gente, eu tô sendo bem simplista para vocês entenderem, né, mais ou menos qual é o fluxo, tá? Então, eu tô aqui destrinchando,
7:53 então eu já tenho problema, né? Eu já tenho o que que eu quero criar. Eu quero um gerenciamento de vaga candidato. Eu quero um formulário, né, através, ó, até complementar aqui, através de um formulário da vaga. Realizar a entrada dos candidatos, né? Aí, qual é o problema? Qual o usuário? Eh, qual o resultado esperado, né? O que que eu quero? Tô mais acostumado com camban, tô mais acostumado com lista, né? O meu resultado esperado é ter um camb, ter um board ali. Não, aí não entenda um resultado aqui como resultado de impacto. Ah, não, eu quero reduzir em 30% meu turn. Não, aqui a gente tá
8:40 criando um sistema, a gente não necessariamente tá criando um produto, né? Quando a gente fala de produto, produto digital, um negócio, é uma coisa muito mais ampla. Aqui eu tô criando só um sistema, tá? Algo básico, que inclusive talvez eu disponibilize até esse código aqui para vocês, né? Eh, qual o resultado qual os os campos dados obrigatórios? Então, que que esse sistema vai fazer? Vai ter um formulário, vai ter uma, eu vou publicar uma vaga, vai ter um formulário, se as pessoas vão entrar e vão cair no camban ali, eu vou poder gerenciar. Perfeito. Então, eh, complemente com o que você achar necessário para a criação de um sistema de gerenciamento
9:25 de vagas e candidaturas, tá? Eh, não crie o sistema aqui, crie apenas o prompt para levar para o lovable, tá? Então aqui eu deixei bem claro para ele e que eu eu não quero criar o sistema aqui, eu quero que ele crie o prompt para mim. Aí a gente vai lá e dá o enter, tá? Então, ó, daí ele já vai me dando aqui está o promp estruturado. Então, ele já vai, ó, com qual o contexto que eu já disse ele dá uma organizada nesse contexto, eh, né, crie um sistema web completo para regimento de vagas candidatos voltados para anh que precisam organizar e acompanhar processos seletivos de forma
10:12 eficiente. Como que é essa gestão dessa vaga, o cadastro dela? Ó, aí trouxe até outro, tá vendo? Estatus da vaga se ativo, pausada, finalizada. data de abertura e prazo de encerramento, requisito obrigatório, a gestão daí do candidato, eh, qual, né, a seleção já automatizada, eh, comunicação por e-mail, envio de e-mail, funcionalidades adicionais, né, número de candidato por vaga, que é tipo um analytics. Eu não pedi analytics, né? Eu não pedi métrica nenhuma. Então, ele foi lá e ele criou, né? Eh, jáí já criou algumas questões técnicas aqui que é o básico. Aí o love vai resolver. Que que eu vou pegar? Vou pegar aqui, ó, resultado esperado, um sistema completo que permita ao analista
10:58 de RH gerenciar todo o processo seletivo de forma visual e organizada, desde o cadastro da vaga até a contratação do candidato, com todas as informações centralizadas e acessíveis. Isso é custo nesse caso. Então, ó, dou um cop, venho aqui no Lon, que hoje está de graça por mais um dia aí, então é a sua chance. Eh, aqui esse finalzinho aqui você não precisa, né? Esse prompt fornece uma bálise sólida, tá? Tá, tá. Aqui é e aqui em cima também, né? Você só precisa dessa parte aqui, ó. Prontistema de gerenciamento de vagas e candidatos, tá? Eu, por experiência, eu iria de Antropic. Ele ele pode estar com alguma estabilidade porque ele é o mais usado. E Open A e
11:47 Google, eles são modelos bons, mas o o eles param, vamos dizer que eles param na metade ou param no início, tá? Eh, eles não evoluem muito. O Antropic não. O Antropic que vocês vão ver, eles vão criar, ele vai criar e ele vai ele vai aprofundar um pouquinho mais, né, nessa criação. Ele vai ser mais detalhado, visual, melhor. Então, sempre recomendo vocês usarem Antropic. Boa? Entenderam? Aqui então vocês vão vir pro chattou ou pro cloud, vão dizer o que que vocês querem, qual usuário que vai usar isso, qual o resultado esperado isso. Aqui vocês podem ir à vontade se você tiver. Aí o conhecimento de como é, como funciona, por exemplo, um banco de dados, você pode, se você quiser, ah, eu quero login senha, né, que são coisas
12:32 que eh eh a gente chama de arquitetura, né? Ah, eu quero que tenha um login senha com Google, né? Porque como o LB tem a integração com Supased, dá para fazer isso sem ter conhecimento técnico. Eh, é, login, senha é essencial. Aqui eu não vou fazer porque é um vídeo rápido de demonstração, mas eh não vou fazer. Vamos lá. Adicione é toda a estrutura de dados para que o lavable crie tudo no superabase, incluindo a autenticação de criar login e senha
13:21 com reset de senha. Aí, tá vendo? Eu não fui lá pro Lovable, eu voltei aqui, eu ainda não mandei para lá. E aí ele vai, né, eh, melhorar esse prompt, né, para ter ali o login, senha, né, completo, né, ó, ele já cria toda a estrutura eh de empresa, né, de de profile. Aqui ele já criou como se eu fosse colocar várias empresas, não é o caso, né? né? Vai ser um sistema para para mim, por exemplo, né? Aí as tabelas de candidato, né? Já criou, né? Tudo isso aqui ele vai fazer automaticamente lá no no Supase. Criou toda a estrutura de dados, configuração do Supasor para receber os
14:08 arquivos, as funções também e as funcionalidades do sistema como tava anteriormente upload tal, ele tá tá indo até mais dip. Então eu pego aqui, venho antropic conectado. Aí você tira, né, só o o cabeçáriozinho, né, deixa só o prompt aqui, né, com o jogo da velha e aqui no final também não. Resultado esperado, tá certo aqui. Boa. E agora ele vai começar a codar. Ó, faltam 31 horas, então eu vou postar
14:55 isso daqui a pouco, mais ou menos 5:30. Você vai ter ainda o domingo, a madrugada e o domingo para para poder codar. Então o que que ele tá fazendo aqui? Ele tá organizando, né, essa criação. Então viu como foi, tipo, eu estruturei, qual era o problema, o que que eu quero criar, como eu quero criar. Essa parte do login senha é importante, né? se você for colocar eh o seu sistema, né, para ambiente público, né, colocar ele por questões de segurança, eh ele faz já todo o gerenciamento no Supase. Aí o Supas, né, tem que tem que conectar aqui que eu vou mostrar para vocês e ele eh vai criando. Pronto, levou uns 2, 3 minutinhos e ele
15:45 codou e ele criou. Ainda tem alguns ajustes que eu vou mostrar aqui para vocês como tá ilimitada. Esse que é o bom. Então, ó, criei um sistema completo de ATS. Lembra que eu não falei, eu não disse para ele criar um ATS. Carei um sistema completo de ATS com dashboards interativos, gestão de vagas, cambato, página pública para candidaturas, tudo com design moderno e responsivo. Ele deu um errinho aqui de contraste, mas isso a gente ajeita, né? Eh, o que vem a seguir, então ele ainda detalha para você o que que você pode fazer, ó. Design, animações, layout. Uso o modo bate-papo para planejar o seu projeto sem fazer edições. Então é esse modo aqui. Então eu posso conversar com o
16:30 chat para poder entender o que que dá para melhorar e depois ele ele traz para mim sincronização com GitHub e conectar o Supas que eu vou fazer isso aqui com vocês, tá? Então é GitHub ainda não, porque daí é um último passo, mas Supase sim. Super Base. O que que é o Supas? O Supas é essa é essa stack, né, a gente chama de backend as service, tá? Eh, ele tem o banco de dados que é em Postgres, ele tem a partir da autenticação que é esse login senha ou login com Google ou vários tipos de login. Parte do storage, então o PDF ali que vai receber, ele vai guardar no storage, que é muito similar a um um
17:16 a um um S3 da WS, parte de ed functions e real time, né? Isso aqui são bem mais avançados. Depois, se você quiser saber mais, só dar uma pesquisada ali, jogar no YouTube, tem muita gente boa, eh, ensinando, né, mais a fundo sobre o Supas. Então, o que que a gente vai fazer aqui? Eu vou, eu já tenho uma base, uma um projeto, uma, eu já criei, né, um mais ou menos um, uma organização aqui, eh, e eu vou conectar, tá, criando esse projeto, tá? Então eu venho aqui, né, eh, sistema, sistema RH.
18:04 Aí aqui eu seleciono startup e o Supas é free, né? Ele ele é gratuito, até um bom, assim, dá para usar bastante ele, como tem o free dele é bem é bem grande, né? Então aqui eu vou colocar sistema RH também. Eu vou clicar em gerar uma senha e aqui eu vou colocar Brasil. Então aí eu crio o projeto aqui. Pronto, criei o projeto. Ele leva um tempinho, ó, aqui, ó, projet status. Leva um tempinho para subir, mas aqui eu já consigo, né, dar um depois um refresh e subir ele, né? Então vou conectar.
18:50 Ainda não subiu. Esperar um pouquinho. Pronto. Pronto. O projeto já subiu. Então o que que eu vou fazer? Eu vou adicionar essa organização, né, desse supase novo que eu coloquei aqui, ó. Sistema RH, como eu tinha colocado, autorizei o Lovable, né, para poder fazer as alterações. Então, você não vai precisar executar nada para criar dentro eh desse sistema. Você simplesmente vai utilizar, ó, sistema RH, sistema RH. Pronto, conectado. Viu ali atrás que ele tá já trabalhando, né, nessa conexão. Então, toda a parte de autenticação, criação de banco de dados, ele já faz isso automaticamente. Então, eu já aqui, ó, agora com o Supas conectado, você
19:36 pode fazer a criação do login, senha, o dados, né? Então, o que que eu faço? eu eh connecte com o supase seguindo o que eu coloquei no Chromp. Então agora ele vai fazer, né, toda essa conexão, porque eu já tinha dado, né, as instruções aqui no prompt, né, de, ó, das tabelas, dos triggers, né, que são são questões até bem complexas, né, ó, vou configurar o banco de dados seguindo a estrutura que você especificou no prompt, ó, daí ele tá revisando, né, o
20:22 as permissões, as tabelas, o que que precisa ter, o as funções e tudo mais. Isso aqui demora um tempinho, mas ele consegue eh finalizar isso sem a gente precisar avançar nada. Ó, pronto, ele deu uma revisada aqui, né, nas políticas, tudo que precisa fazer. Se caso você tenha alguma dúvida sobre o que ele tá escrevendo, a qualquer momento você pode colocar aqui chat bate-papo e você perguntar para ele: "Cara, não sei o que que é isso. Me explica de uma forma simplificada, pois não sou uma pessoa técnica". Ele vai lá e ele vai te explicar, tá? Aqui nesse caso, ele revisou e a gente faz aqui um
21:07 apply, né? Para ele executar de fato essa todas essas partes aqui dentro do do sistema. Pronto, ó. Perfeito. Banco de dados foi configurado com sucesso. Agora o sistema tá completamente conectado ao Supasão funcional. Implementi sistema de autenticação completo, né, ó, de login 100. Eh, proteção de rota, eh, integração com banco de dados, funcionalidades principais, né? Daí ele passa aqui como testar, né? acesso alfo, que é justamente essa tela. Eh, faça o cadastro, né? Cria. O sistema criará automaticamente seu perfil na tabela. Aí
21:52 ele diz qual é a tabela, né? Ele até deu um errinho aqui, mas sempre que você vê algum erro que deu assim, você só vir aqui, ó, try to fix. Aí ele já vai pegar, ó, mais ou menos. Isso aqui é comum. às vezes, eh, pode ser que, né, que dê, ó, geralmente é algum alguma parte técnica aqui que ele colocou de uma maneira, mas ele entendeu de outra. E ele mesmo você coloca ali aquele try to fix e ele já faz a correção, tá pronto, ó. Ó, corrigir o erro de tipagem usando os chipos gerados automaticamente pelo Supase. É porque quando ele criou, ele criou sem ainda aquela visão do super
22:38 base. Quando conectou com suabase precisou fazer a integração, então às vezes pode eh dar algum erro, tá? Então vamos pra prova real. Ele fez aqui um login cadastro, tá vendo? Então, ó, Bruno Falcão. Colocar aqui demo vídeo@brunofalcão. Daí a senha criar conta conta criada com sucesso. Verifique seu e-mail. O próprio Supas ele gerencia isso. Então você vai receber lá no seu e-mail um e-mail supase alf e daí com uma confirmação. Daí você clica, né, confirme your email. Eh, você no superabase você pode você pode
23:25 configurar esse e-mail, deixar ele bonitinho, tem algumas coisas que você tem que fazer lá para ele ficar 100%. Ou no próprio Supase você vai poder dizer: "Não preciso de e-mail de confirmação, só cadastrar". Aí, beleza, confirmei aqui na minha outra tela. Aí eu clico, olha só que legal, eu não disse para ele fazer isso, mas ele já pegou meu e-mail, já minha senha automático. Isso aqui é um mega funcionalidade de eh, né, de de um sistema já gravar. Pronto, entrei, loguei no meu sistema de ATS que eu criei aqui junto com vocês, né? Então ele vai ter aqui parte, né? Eh, de vagas. ainda tem acho que
24:12 parte de candidatos. Aí o que que a gente pode fazer? Eh, quais os próximos passos para continuar criando o meu sistema de ATS? Então, eu venho, ó, tô aqui no bate-papo, tá vendo? Então ele, a gente tá conversando ainda sobre isso, ele vai me explicar aqui. Ele já criou bastante coisa. Eu acho que tem algumas coisas que ainda não estão criadas, mas só de criar essa parte de login, senha já é já é essencial. Aqui eu já vou dar um publish, né? Eu vou mudar o nome aqui do projeto. Meu
24:59 ATS com lavable. Vou dar um rename aqui. Depois eu vou disponibilizar esse código para vocês. Eh, então aí eu vim e dei um publish, né, para ele ficar acessível, né, nesse nesse domínio aqui, né, daí mostrar para vocês também como ele fica eh no preview. Então, ó, cadastro aqui. Ele tá numa tela de preview. Deixa eu ver se eu abrindo, ó. Abri aqui. Copio o link. Aí eu venho aqui, ó, tem o vídeo.
25:48 Pronto. Aí eu tenho meu sistema. Vamos ver o que que tá construído, o que que não tá construído. Ó, vagas. Construiu vagas, construiu candidatos e vagas públicas, né? Aqui tem que trocar o nome. Eh, vou trocar ali para meu ATS com Lovable, né? Ó, veio aqui, ver detalhes. Eu vejo detalhe. Candidato à vaga, nome completo e subo o PDF também. Ó, que legal. Muito bom, né? Então, eu venho aqui. Aqui é uma vaga, né? Uma parte pública, ó, tem o meu camb. Então, se eu quiser ver o candidato, enviar a mensagem, mover ele pra próxima etapa.
26:34 Muito legal, cara. Muito legal. Ó como que ficou. Então, eu posso ver a vaga, editar. Ó, tem algumas coisas que ainda não estão clicáveis, tá vendo, ó? Adicionar nova vaga, tá, né? Se eu quiser editar, ó, também não tá indo. Se eu excluir, também não tá indo. Então, o que que eu tenho que fazer? Tenho que conversar com ele. Ó, próximos passos passos prioritários, conectar as páginas base. OK. Tem algumas coisas faltando. Sistema de upload de arquivo, funcionalidade camban dinâmica, implementar drag and drop, né? O pega e arrasta. Eh, conexão com banco. Aí, que que eu vou fazer? continue implementando o que você achar necessário. Aqui eu tô
27:21 fazendo dessa forma para Opa, pera aí que eu não tirei o não tirei o chat, ó. E nem precisa, na verdade, eu dar esse prompt, né? Porque ele já tem aqui, ó, implementar fase um, conectar páginas ao Supase. Aí o que que ele vai fazer aqui? Ele vai pegar tudo que a gente criou aqui nesse front, né, e vai conectar eh dentro, né, das páginas, vai conectar dentro do do banco de dados. Prontinho. Então ele fez aqui, né, algumas algumas alterações a mais. Eh, se vocês virem aqui em publish, né,
28:08 vocês vão poder publicar ele, né, fazendo aqui, ó, um update e verificar também algumas alguns pontos de atenção. Aí só você clicar aqui e fazer um review e de segurança, né, onde você vai conseguir ter. Então, prontinho. Aqui tá o nosso sistema. Caso você queira avançar, você pode continuar e codando ele aqui ou joga pro GitHub também para você não precisar mais usar o LB. Você pode usar o cursor, o Windsurf ou qualquer outra ferramenta para poder avançar. Mas ele aqui é um sistema praticamente pronto, né? Então eu tenho aqui, ó, fiz o meu, opa, acho que eu coloquei a senha errada. Coloquei a senha errada. Então, ó, fiz meu login senha. Tenho aqui, ó, parte
28:54 onde eu controlo e gerencio as minhas vagas. Eu posso criar a minha vaga. Eh, tem a parte onde eu gerencio meus candidatos. Aqui ele já tá totalmente conectado com o banco de dados, tá? Ó, rejeitados. E aqui eu tenho o meu dashboard, né, ou o meu público, né, onde eu tenho as minhas vagas, tá? Então é isso, pessoal. Se você gostou, eu vou deixar alguns links aqui embaixo, tanto da Builders Como, quanto desse código aqui também, eu você vai poder pegar ele, né, e poder usar esse código. Então, ó, peguei aqui. Eu vou Ah, não, ele não pode. É, eu vou tentar deixar esse código aberto de alguma
29:40 maneira. Ele aqui ele não disponibiliza o remix, né, que a gente só pega o código e joga porque ele tá conectado no Supase. Mas eu vou jogar esse código em algum lugar se você caso queira reaproveitar ele. E vou deixar alguns links aqui, tanto o link do Lab quanto o link aí da nossa comunidade de automação IA, caso você queira conhecer mais. Muito obrigado, até mais. Yeah.
