Negócio Digital de R$10.000: O Passo Que Faltava Para Lançar (IA No-Code) #02

21.83k views4927 WordsCopy TextShare
Fala Bondioli
⚠️ Essa é a Parte 2 da série que já passou de 100 mil views. Se você ainda não viu a Parte 1, assis...
Video Transcript:
Bora, bora, bora meter marcha nesse segundo vídeo. No primeiro vídeo, eu construí um site de viagens personalizadas usando só inteligência artificial e uma ferramenta no code chamada Lovable. E o vídeo explodiu e foram mais de 600 comentários.
E cara, teve muita gente com dúvida, o que é normal, porque essa ferramenta faz a cabeça explodir. Então, se você ainda não viu o primeiro episódio, eu vou deixar um card aqui em cima aqui, ó, ao aqui. Aí você clica lá e vai ver ele primeiro, certo?
E se você tá aqui mais perdido que azeitona em boca de banguela, fica comigo até o final desse [Música] vídeo. Bom, então vou responder alguns comentários rápidos aqui, algumas dúvidas antes de mostrar o conteúdo, certo? E eu vou começar pelos mimizentos.
Não existe dinheiro fácil não. Você não vai fazer 10K em 30 minutos. Cara, na moral, as pessoas têm um sério problema de interpretação.
Se liga o título do vídeo. Criei um negócio digital de R$ 10. 000 em 30 minutos.
Onde eu falei exatamente que você vai ganhar R$ 10. 000 em 30 minutos. Meu querido, o que eu falei é que você hoje consegue criar um projeto em 30 minutos e que esse projeto sim pode te render 10, 20, 50, R$ 100.
000. Aí depende de você, meu caro. Agora vamos pro próximo.
Fabrício show. Mas podia xingar menos. Cara, perdão se eu ofendi você ou algum familiar seu, mas é o meu jeito de falar, brother.
Eu não vejo problema nenhum em falar palavras de baixo calão. Então segue o game. Se fosse simples assim, fazer o fronte é simples.
Quero ver tu fazer o back end usando o lovable, o lovable, mas super bas, sai tudo errado. O tango na voz. Cara, eu vou te falar uma parada, sai tudo errado porque você tá fazendo errado.
O cara quem comanda o barco é você, brother. Entenda uma coisa, não é simplesmente pegar um prompt qualquer, jogar lá e falar: "Pronto, meu meu sistema, meu app web tá pronto e agora eu vou faturar aqui meus R$ 100. 000".
Realmente não é tão simples assim e é por isso que eu estou aqui, meu caro colega. Um mínimo de conhecimento vai ajudar em muito e se você acompanhar essa série até o fim, você vai ver que é possível sim. Aí, lembrando, se você não quiser ficar batendo cabeça, eu vou lançar um curso e se você quiser conferir, dá uma olhada aí no link na descrição, certo?
Eu não vou ficar falando muito para não atrapalhar aqui o conteúdo. Vamos lá, agora o seu Geraldo mandou: "E bugs e a segurança? Deu para fazer tudo isso em 30 minutos ou a pessoa lançaria em 30 minutos sem testar tudo para depois ter o SAS invadido?
E um severo prejuízo. Meu Deus, que prejuízo, velho. Eu vou morrer.
Ai, eu vou puxar meus cabelos. Ah, ô, mano, na moral, velho, vocês dão uma pirada, né, velho? Eu fiz o lance aqui em 30 minutos só para mostrar que é possível, cara.
E aí, antes de subir pra produção lá, pra parada final, cara, a gente testa, a gente blinda, como qualquer projeto feito de verdade. O risco não tá na ferramenta, está em lançar sem fazer o básico, como qualquer outro stack que você usar. Inclusive, tem uma atualização do Lovable que eu vou mostrar para vocês, que eles falam exatamente sobre segurança.
Fechou? Bom, agora eu vou passar uns que eu achei estranho, diferente, engraçado, é rapidão e a gente já mete marcha. O que vai ter de doido criando porcaria para todo mundo?
Vai ser uma estupidez, mano. Eu concordo com você. A galera vai sair fazendo merda para por aí, mas é por isso que você precisa de uma estratégia.
Isso aqui não é tão simples quanto parece. Já, cara, salva muito a vida de não precisar programador de muita grana, mas, você precisa ter o mínimo do conhecimento para fazer um bagulho da hora. E tem muita gente que não tem.
E de fato vai ter merda para um por aí, mano. Seria muito se próximo ao Natal tu fazer um vídeo vestido de Papai Noel. Cara, seria legal [Risadas] demais, mano.
Do céu, que droguinha que você usou, cara. merda, velho. Meu like foi o 666.
Fiquei besta como essa I é eficaz. Valeu pelo vídeo, brother. Muito informativo.
mano, belo número, hein, cara? Se tu não continuar com essa série, o bagulho vai ficar louco pro seu lado, amigo. Top demais.
Sucesso. Ô, Michel, eu fiquei com tanto medo que eu tô fazendo aqui a continuação, certo, mano? Estamos juntaço.
Acabei de descobrir agora e já amei esse coroa do mal. que o pariu, mano. Coroa do mal, velho.
quem é esse coroa do mal? Me amarrei no cara, fodão. Agora eu vou aprender essa sem enrolação.
Valeu, cara. Tamo junto. Aqui o bagulho é assim, é papo reto, direto e pá e pum.
Então vamos pro conteúdo, mano. Então, como eu falei, saiu agora o Lovable 2. 0, mano, com algumas atualizações, algumas melhorias, inclusive algumas melhorias de segurança.
Então, tá aqui, ó, security checks. Para você aí que fica falando: "Ai, mas é seguro, vai, cara, ali a documentação do loveable e vamos meter marcha". Bom, vamos fechar aqui e vamos começar essa bagaça aqui.
Cara, o que que eu comecei fazendo aqui? Primeiro, eu assinei um plano de 20 doleta, certo? Pra gente continuar esse rolê aqui.
E aí quando a gente para um pouco e volta assim e fala: "Caralho, onde é que eu parei? Que que eu tava fazendo mesmo? " E aí você manda aqui uma simples pergunta: "O que já foi feito até agora?
" Você pode fazer uma pergunta um pouco melhor? O que foi feito até agora? O que falta fazer?
O que tá funcionando? O que não tá? Ele vai te fazer uma lista.
Então, a gente vai pegar essa lista aqui, ó. Ele já me mostrou aqui, ó, o diagnóstico completo do que eu já fiz. Eu vou copiar o bagulho inteiro e mais uma vez a gente vai usar aqui o nosso querido GPT.
Então eu colei tudo que ele me mandou aqui e vamos ver o que que o GPT vai me orientar a fazer, certo? Bom, eu acho que tem alguns errinhos aqui, ó. Vamos ver.
Vamos. Não, tá funcionando o bagulho. Iniciar descoberta, fazer login, pá.
Eu acho que tá bem OK. Então, ó, aqui a gente consegue mudar, beleza? página.
Vamos voltar pro onboarding. Aqui a gente consegue ver o celular, versão mobile, como é que tá? Já tá filé também.
Então vamos seguir. Me fale quais são os próximos passos. Lembrando que precisamos corrigir diversos problemas e erros.
crie um ordem de prioridade para que a gente consiga finalizar esse projeto o quanto antes. Ah, esqueci de mostrar uma coisa. Eu ia mostrar uma parada aqui, porque se a galera que fica resmungando aí, ai, não sei se dá para fazer, ai, olha aqui, ó, quantos projetos já tem rodando e essa galera que provavelmente já tá ganhando dinheiro enquanto você tá aí resmungando.
Então, ó, um projetinho legal aqui, ó, muito louco. Um projetinho de formulário, cara, a galera costuma cobrar caro por mês, tá? Então, olha que legal.
Agora um outro aqui. Agora um outro aqui. Esse aqui é bem louco.
Você pode mandar uma mensagem para você no futuro. Você pode mandar uma mensagem para um preso. É uns bagulhos bem louco.
Mas, ó, tudo rodando, tudo funcionando, tudo com valor. Então, a galera tá ganhando dinheiro, velho. Enquanto você tá aí chorando.
Ó, outro aqui. Outro aqui. Aqui temos um em russo, creio eu.
Mais um, mais um bem bonitinho esse aqui. Aqui tem outro. Esse aqui já é brasileiro, ó.
Revolucione seus eventos com a nossa cabine virtual. Começar agora. Já tá funcionando, já tem login e senha, já tem tudo aqui pá para você comprar o plano deles.
Olha aí, ó. Plano pro. Escolheer o plano pro.
Eu quero comprar o plano pro. O plano pro. E o cara vai ganhar um dinheirinho bom.
Mais um aqui em BR, super educado. Análise de editais, guia do sei lá o quê. Mais um aqui, ó.
Simplifique a gestão de imóveis. Mais um aqui com plano de mensalidade, ó, um SAS, ó, 200 conto por mês para cada assinatura. Então é isso.
E aqui a gente tem o R da Fama, mano, onde tem vários projetos que já estão rodando de gente que já tá ganhando dinheiro. Então tá aí, só é só fazer, malandro, em vez de você ficar chorando aí, certo, seu bunda mole. Próximos passos, resolva os problemas críticos, refaturar os arquivos.
Ó, vou falar aqui, ó. Ignore o o primeiro. Vamos começar a partir do segundo.
Me mande um prompt para enviar ao Lovabo. Galera, lembrando que o Lovabo melhorou essa questão aqui, ó, de a gente conseguir ter um chat aqui, tá ligado, ó? A gente tem um chat aqui.
Se você colocar no modo chat, você vai conversar com a inteligência artificial, como se tivesse falando com o GPT. Mas pelo que eu vi, isso aqui também consome crédito, tá? Falando em crédito, no primeiro vídeo eu falei que quando a gente corrige erro aqui, eh, isso consome também crédito.
E aí veio um maluco aí nos comentários e falou: "Cara, isso daí não consome crédito". De fato, quando a gente clica aqui no link, ele não consome crédito, mas às vezes ele dá uns erros, cara, meio bizarro assim, de sumir alguma parada e aí você tem que escrever aqui e aí isso aí sim consome um pouco de crédito. Beleza?
Eu vou mostrar para vocês também um outro bagulho agora que esse daqui, ó, é bem legal também, ajuda a gente a conseguir economizar um pouco do dos nossos créditos. Eu acho que o lovable dessas desse tipo de ferramenta é o único que faz isso. Então, quando a gente clica aqui em edit, olha que legal isso, ó.
clicou em edit, a gente consegue editar tudo que tá aqui, ó. Tudo não vai, mas muita coisa. Então, por exemplo, se eu clicar nesse botão aqui, ó, ó.
Tá vendo que ele seleciona, ó? Vou clicar no botão. Ele vai me abrir as configurações do botão aqui, ó.
Tamanho, tamanho da fonte, espaçamento, a cor do fundo. E aí eu posso mudar isso aqui na unha, na mão aqui. E aí não gasto crédito.
Então vou vir aqui, ó, por exemplo, quero mudar a cor do meu botão, quero deixar ele amarelo. Olha lá, já mudei. Tá vendo?
Então isso é muito da hora, velho. Isso é muito da hora. Eu vou dar um discard aqui porque eu não vou usar agora.
Mas explorem essa ferramenta edit porque é muito bacana, velho. Dá para fazer bastante ajuste. Promptable.
Vamos clicar aqui, vamos copiar aqui e vamos colar aqui, ó. Ó, ele pediu para criar uma página de about. É páginas completas do destino.
Criar uma página listando todos os destinos, cadastrar, não sei o que lá. tá demorando para Eu vou dormir um pouquinho aqui e já [Música] volto. Ainda não terminou.
Eu não vou ficar passando pano aqui não, falar que esse tudo é perfeito, não. Tá demorando para um Galera, deixa eu mostrar uma parada para vocês enquanto tá lá carregando. Eu tô aqui no Figma e eu vou falar uma parada aqui que o Lable faz.
Cara, veio um professor de inglês aí, dois, na verdade, me corrigi. É lovable. Lovable.
Eu não sei como é que fala, mas eu vou falar lovable. Vocês entendem aí. Então, o lovable, ele tem uma função muito que se eu usar um plugin aqui do Figma, presta atenção nisso que isso aqui muda totalmente o game.
Eu posso pegar um layout meu aqui do Figma e jogar ele lá pro Lovable, começar o projeto já com um layout pronto. Isso quer dizer o que, Rodrigo? Quer dizer que você vai ter um layout totalmente diferente de tudo que o Lovabo faz.
Querendo ou não, ele tem um padrão, os sites são meio parecidos, né? Então, se você criar um do zero aqui, cara, e jogar para lá, é outro game, cara. Aí a parada fica louca.
Mas isso, infelizmente, eu vou mostrar como fazer só lá dentro do meu curso. Então, se você quer saber como, é só clicar no link que tem aí embaixo, certo? E aí, uma outra coisa que dá para você fazer também sem precisar criar um layout do zero, é você buscar referências no Pinterest, onde você quiser, salvar um print e jogar dentro do lovable e falar: "Eu quero usar isso como referência".
Ele vai criar uma parada bem mais legal do que se você não usar nenhum tipo de referência. Bom, dito isso, vamos ver se o bagulho finalizou aqui, ó. Ó, deu um erro aqui e ele já resolveu aqui, ó.
O que que eu faço sempre, cara? Eu pego isso daqui, jogo aqui pro nosso querido chat GPT, falo: "Ele me retornou". Isso.
Enquanto isso, vamos vir aqui e já vamos corrigir esse pequeno erro aqui. Bom, já deixei duas diquinhas de ouro aí, então fala que eu não mereço um like, senta o dedão aí no like, malandro. Resumo da ópera.
Ele entregou o que você pediu. Página de about criada, página de destinos com filtro e ordenação feita, um board conectado no Supase. Itinerário de três dias implementado, tudo responsivo.
App agora com experiência completa de recomendações de viagem. Próximo passo, testar tudo manualmente. Simular o onboard, ver se está puxando dados reais.
Testar filtros da página. Solicitar pequenos ajustes de ex. Quando terminar de testar, vamos, beleza, vamos voltar aqui, ó.
Ele já corrigiu aqui o problema. Bom, maravilha. Depois eu vou pedir alguns ajustes de o X e o Y mesmo.
Eu vou querer centralizar esse texto, centralizar esse botão. De repente, dá pra gente pôr um videozão aqui bem louco de fundo, certo? Ó, aqui tá dando um errinho, ó.
Quando scrola aqui, aqui tá branco. Então são ajustezinhos que sempre são ajustezinhos que sempre vai acontecer, certo? E aí muita gente perguntou: "Ai, como que eu publico?
Como que eu ponho isso no ar? " Cara, tem um botão aqui, ó, publicar. A gente vai clicar aqui e a gente vai publicar o nosso projeto agora.
Bom, tem dois errinhos aqui. Na, na verdade, não é erro. Quando é amarelinho não é erro, é aviso.
Quando é vermelho é problema. Então, vamos publicar aqui. E agora vamos ver o bagulho no ar.
Então, ó, temos um domínio aqui provisório. Eu vou ensinar na última aula como a gente adiciona um domínio personalizado, mas a gente já tem aqui um domínio personalizado aqui, ó. Então, se eu clicar aqui e mandar isso aqui para alguém, para um cliente, para quem quer que seja, já tá funcionando, já tá valendo o bagulho aqui, certo?
Ó, então o site tá funcionando, mano. Vamos colocar aqui em 1920 porque minha resolução é bizarra, né, mano? Vamos deixar aqui, ó.
Olha aí, ó. Tá funcionando certo, mano. Então, vamos testar, ó.
Iniciar descoberta. Eu preciso fazer meu login. Bom, então bora lá.
Fiz o login aqui, ó. Vamos dar uma geral aqui. Aqui tá o nosso dashboard.
Aqui a gente tem nossas viagens planejadas, confirmadas e concluídas. Os roteiros, cara, precisa dar uma mexida ainda em layout, né? Tá faltando algumas imagens aqui.
Ele não tá conseguindo puxar. os destinos, praia, montanha, pá, configurações. Beleza, uma coisa que eu tô percebendo aqui, eu não consigo voltar pro meu pro meu onboarding, né?
Então eu vou perguntar aqui ao chatt. Mandei: "Não tem nenhum lugar no dashboard onde eu consiga voltar ao onboarding. Não tem, porque provavelmente você não criou nem salvou esse estado de onboarding iniciado ou finalizado no banco ou no cliente.
Ou seja, o onboard é tratado só na primeira vez que o usuário entra. O que seria o jeito de resolver? salvar no suabase.
Então vamos lá. Quero que eu mande agora o prompt. Quero, quero, quero, quero.
Manda aí. Bom, então agora é a hora onde a gente precisa começar a entender a jornada do usuário aqui pra gente fazer os ajustes. Então, daqui pra frente você vai começar a perceber que não se trata só de prompt, se trata de entender um pouco do que você tá fazendo.
Prompt do lowable. Vamos copiar, vamos jogar aqui. Vamos ver o que que vai rolar.
Então aqui é o ponto que é importante a gente entender do projeto. Por isso que eu falo, tem que estruturar muito bem o projeto antes. Tem gente que fala que começa a fazer e depois vira um enrosco total.
É por isso, porque não tem a experiência de de UX, de UI. Então, para evitar esse tipo de enrosco, é bom a gente ter uma noção, certo? Ó, vou dar um um apply aqui.
Vamos ver o que que vai rolar. E aí eu te falo, garotinho, se você não quer ficar no enrosco, quer conseguir criar um projeto e finalizar ele sem muita dor de cabeça, clica aí no link que tem embaixo para você se cadastrar no meu curso, que eu vou lançar um curso cabuloso com precinho bom, ele terminou aqui. Vou copiar, vou jogar aqui no GPT.
Perfeito. Agora o do o fluxo onboard está 100% profissional e controlado. O que foi implementado?
Verificação, atualização, função, finalização, não sei o que lá. O usuário pode refazer o onboard a qualquer momento. Vamos ver se tá funcionando.
Vamos dar um atualizar aqui. Lembrando que a gente publicou o projeto, certo? Aqui, mas eu não estou na versão lá final porque senão tem que ficar publicando e e dando update toda vez aqui.
Então, eu clico aqui nessa setinha aqui, ó, pra gente fazer um preview, certo? Então vamos voltar aqui, ó. faixa etária aqui próximo, sozinho em casal com família.
Eu quero ir pra praia, eu quero aventura, eu quero curtir e vamos que vamos, quero calor. Qual a duração da viagem? 12 dias.
Eu vou de carro, quero ficar no hotel. Bom, ele me trouxe aqui santorini na Grécia. Agora, como eu falei, a gente tem que começar a entender o projeto.
Então, assim, ele nem sabe se eu quero ir pra Grécia, mano. É muito longe. Então, a gente precisa falar o seguinte aqui, ó.
Eu vou vir no GPT primeiro e vou falar assim, ó. O resultado do onboarding está me mandando lá para a que pariu, para a Grécia. No onboarding, precisamos colocar a localização do usuário e depois perguntar quantos km eu quero percorrer para fazer essa viagem.
Assim, se eu não quiser fazer uma viagem internacional, por exemplo, já ajusta isso. Ou ainda podemos colocar mais uma etapa. Quer fazer a viagem no Brasil ou fora?
Quantos km quer rodar? Resolva isso da melhor maneira possível. e me mande o prompt do loveable.
Hoje é um board é simplesmente te manda para qualquer lugar do planeta lá pra que pariu. De onde você está, se você quer viajar nacional internão. Como um board deveria funcionar.
Tá vendo? A gente vai refinando as coisas e vamos melhorando. O que precisa mudar no lowable?
Me manda um prompt aqui, ó. Alterar urgente no fluxo board. O fluxo está enviando usuário para destinos completamente aleatórios, sem considerar localização, distância ou preferência de nacional internacional.
Então vamos copiar aqui, vamos voltar no Low Vable e vamos jogar aqui. Bom, então a gente passou por um processo um pouquinho chato de ficar fazendo ajustes, arrumar problemas que sempre dá, mas agora já tá tudo resolvido e agora a gente tá começando a refinar a jornada do usuário aqui dentro do projeto. Então ele vai adicionar algum alguns parâmetros aqui no nosso banco de dados e eu vou aplicar aqui só para garantir.
Vou jogar no GPT para ver o que que ele vai falar, tá correto? Pode aplicar. Então vamos meter marcha.
Bom, então com os ajustes que a gente fez, ó, ele já trouxe para cá a cidade que eu tô, ó, São Paulo. Isso já é legal demais. Ele trouxe aqui iniciar uma nova viagem.
A gente tem o dashboard. Iniciar uma nova viagem. Legal.
Minhas viagens. Ver detalhes. Ver detalhes não tá funcionando.
Vamos ver se aqui nova viagem tá funcionando. Não tá funcionando. Bom, tá faltando vários links aqui.
Agora eu vou pedir um prompt para ele arrumar tudo isso daqui, pra gente deixar 100% a navegação funcionando e depois vou fazer um pente fino aqui, é da parte de UI e UX. Beleza? Então vamos lá.
Ó, o projeto está com vários pontos sem nó. Vários links que não funcionam, funcionalidades incompletas. Preciso de um prompt super completo para que o Low Vable ajuste todas as funcionalidades, links, navegação, páginas faltando.
Quero que a navegação e a experiência do usuário esteja completa. Não pode ter nenhum ponto solto. Seja rígido com o Lovable.
Quero deixar toda a parte de navegação funcionando. 100%. Perfeito.
Agora eu vou montar um prompet, um prompet cirúrgico completo e rígido. Revisão geral e correção urgente. O projeto está insatisfatório.
Existem múltiplos problemas de navegação quebrada, link sem ação. Então vamos lá. Vamos meter a cintada no LVable para ele funcionar.
É igual um programador vagabundo. Tem que ser na base da chicotada. Ó, percebam que ele criou aqui um prompt super completo.
Então, vamos lá. Vamos ver se o lovable vai entender. Vamos lá.
Vamos copiar aqui. Vamos colar aqui e vamos ver o que que vai acontecer. Então aqui, qual que é a ideia?
Em vez de você falar: "Puta, esse botão não tá funcionando, esse também não tá". Eu pedi aqui, ó, problemas detectados, botões e links quebrados ou sem ação. Corrigir todos os botões e links que atualmente não possuam não possuem action associada ou estão redirecionando incorretamente.
Então ele já vai fazer uma varredura aqui. Aqui também ele já tá vendo um fluxo de onboarding para ver se tá tudo funcionando certinho. Garantir que todos os itens do menu estejam funcionando.
Então ele tá fazendo um um checkout completo aqui, ó. cadastro, logout, tá vendo tudo. Testar a experiência completa.
Vamos ver que ele falou aqui, esse vagabundo. Agora eu vou pôr aqui no tradutor. Permita-me realizar uma revisão completa do seu projeto para resolver todos os problemas.
Primeiramente, verificarei a implementação atual para entender o que precisa ser corrigido em termos de navegação, botão e fluxo do usuário. Observando base do código, vejo vários problemas que precisam de atenção. Botão inicial descoberta na página inicial ou navega incorretamente, inconsistências no fluxo de navegação, item do menu.
E pá, beleza, então ajusta aí. Vamos clicar aqui, ver que ele tá fazendo. Olha aí, galera, ele tá fazendo coisa para um aqui.
Certo, vamos ver se agora fica tudo certinho para que a gente possa dar uma refinada aqui na parte de layout. E aí, no último vídeo eu vou deixar tudo isso daqui mais inteligente, tá? Eu vou pegar e vou implementar aqui a o chat GPT para trazer respostas mais inteligentes.
Bom, vou copiar tudo isso aqui. Vamos jogar no GPT. Ótimo.
Eles fizeram o que você pediu. Resolveram todos os problemas de navegação, board em botão e proteção de rotas. Agora, direto e prático.
Resumo. Botão. Ba bá.
Beleza. Checklist de validação. Ah, o que mudou no projeto?
Shield, ponta solta, links mortes, navegação quebrada antes, agora projeto com navegação sólida. Conclusão, agora sim o Travel Scout tem experiência do usuário real do produto finalizado e profissional. Um, será?
Vamos testar. Bom, então estamos aqui no nosso dashboard. Vamos vir aqui nas minhas viagens, ver detalhes.
Ainda não funciona. Minhas viagens. Roteiros.
Ver roteiro também não funciona. Ah, às vezes demora um pouco, tá? Vamos dar um atualizar aqui de novo.
Eu vou dar um atualizar segurando o Alt R no meu Mac dashboard. Minhas viagens. Ver detalhes não funciona.
Editar não funciona. Roteiros, destinos, configurações. Bom, vamos lá.
Fiz alguns ajustes aqui. Vamos fazer a jornada do usuário aqui do zero para ver como é que tá. Então aqui estamos na tela de login.
Vamos paraa tela de cadastro. Fiz alguns ajustes. Você pode ver.
Coloquei uma imagem de fundo aqui. Vamos pro cadastro. Aqui também tem uma imagenzinha de fundo.
Então vamos voltar para cá. Vamos fazer o nosso login aqui. Entrar.
Gente, cai aqui no nosso dashboard, então tá tudo funcionando. Obviamente isso aqui é uma parada que, cara, precisa de muitos ajustes para ficar 100%. Mas eu acho que tá tudo funcionando.
Vamos testar. Editar perfil tá funcionando meu nível aqui de explorador, meus pontos, meu total de viagem. Dá para perceber que é um é um sistema bem completo, né?
Aqui vamos colocar a foto. Vamos ver se ele tá carregando. Ó, deu um erro.
Então, isso aqui precisa ajustar ainda. Mas beleza, são detalhezinhos. Vamos voltar aqui pro dashboard.
Vamos ver aqui as minhas viagens. Aqui ele criou um filtro bem legal das minhas viagens planejadas, das confirmadas e das concluídas. Então aqui a gente tem também essa sinalização aqui, ó, de viagem concluída, tal.
E aqui a gente tem o nosso filtro, né? Aqui a gente cria uma nova viagem, ele traz a gente aqui pro onboarding de novo. Aqui a gente tem os nossos roteiros.
Então tem todos, tem os roteiros que eu favoritei, os que eu criei. Então eu vou mexer nessa tela aqui, vou deixar ela mais bonita depois. Aqui a gente pode criar um novo roteiro.
Aqui a gente tem todos os nossos destinos também. Ainda tá faltando carregar as imagens, mas é legal. traz uma avaliação, traz se é montanha, se é histórico, conta um pouquinho aqui do que é a cidade.
Se a gente clicar aqui em explorar, ele traz mais então sobre Paris, o clima de Paris, a categoria de preço é luxo, a melhor época do ano pra gente viajar, as características da cidade, destinos similares. Isso aqui ainda não tá 100%, né? Rio de Janeiro, não sei onde é similar com Paris.
Cara, o Lovable tem algumas coisas que me irritam de tipo, eu pedi já para não deixar texto preto no botão laranja e ele insiste em deixar. Então são coisas que, cara, vai irritando, tá ligado? Ah, mas velho, no geral tá tudo funcionando.
Duração da viagem, gerar o roteiro. Olha que legal, ó. Visita ao ponto turístico, almoçar, almoço típico dia dois, dia 3, salvar roteiro.
Aí vai pro favoritos. Então, o que o que eu aconselho? Eu vou finalizar essa aula aqui e vou dar algumas dicas do que você deve fazer.
Bom, então vamos lá. O primeiro ponto é sempre estruturar muito bem antes de começar no chat GPT. Você tem que est com tudo muito perfeito.
Eu vou dar uma dica para vocês que é um segredo. Na verdade, quando você for fazer o seu primeiro prompt no chat pt, explicar para ele o que você quer, use esse termo PRD, que nada mais é do que documento de requisitos do produto em português. Então, quando você for criar o seu o seu projeto, o seu primeiro projeto, coloca isso.
pede pr ele fazer também um PRD, você vai ver que ele vai te entregar uma lista muito mais completa do seu projeto. Deixa isso muito redondo, mas muito redondo, antes de sair colocando prompit adoidado no Lovabook. Se você já souber quem é o seu cliente ideal, qual é o seu nicho, qual é o propósito do seu aplicativo web que você tá fazendo, e se você tiver esse PRD muito certinho, a chance de você ficar batendo cabeça no lovable é menor.
Não que ela não exista, tá? Ela existe. O lovable não é perfeito, não é a ferramenta dos sonhos.
Você vai precisar assim bater um pouco de cabeça. Aí como eu falei, esse lance do botão aqui, eu pedi para ele colocar esse botão com texto laranja umas oito vezes. O filha da não conseguiu fazer.
É, chega a ser bizarro, mano. Bom, mas de uma forma geral, a gente tá aqui com $. Eu tô com um projeto super complexo, como eu mostrei para vocês.
Ainda faltam alguns refinamentos. Eu vou fazer esses refinamentos agora offline aqui para não ficar uma aula muito massante também arrumando as coisas. E aí no próximo vídeo eu vou adicionar as funcionalidades finais que eu quero implementar a o chat GPT para trazer de fato umas respostas ali, uns roteiros, uma parada muito mais interessante do que tá agora.
Eu vou deixar a ferramenta mais inteligente, né? E aí a gente vai finalizar deixando isso aqui 100%. Vamos colocar o domínio próprio e aí finaliza.
Lembrando que esse é um projeto teste. Tem gente aí que se apegou. Ai, mas isso aí é de viagem.
Você não precisa fazer isso. Isso é um teste. Tô te mostrando um caminho de uma ferramenta que você pode usar para criar n coisas, certo?
Então é isso. No próximo vídeo eu vou trazer esse projeto já bem refinadinho em questão de usabilidade, de jornada do usuário, de UI, de UX. vai tá redondinho.
E aí a gente só vai implementar o chat GPT. Vamos adicionar o domínio e vamos colocar uma forma de pagamento aqui, certo? Então é isso, a gente se vê na próxima aula.
Related Videos
Como Criar uma Landing Page Profissional no Figma [Tutorial Completo]
53:28
Como Criar uma Landing Page Profissional n...
Fala Bondioli
25,987 views
I Created a $10,000 Digital Business in 30 Min (with AI + No-Code)
28:16
I Created a $10,000 Digital Business in 30...
Fala Bondioli
163,372 views
AI AGENTS EMERGENCY DEBATE: These Jobs Won't Exist In 24 Months! We Must Prepare For What's Coming!
2:32:10
AI AGENTS EMERGENCY DEBATE: These Jobs Won...
The Diary Of A CEO
1,079,426 views
The MUST-READ Guide to Starting a SaaS in 2025 (And Not GOING BANKRUPT in 3 MONTHS)
22:45
The MUST-READ Guide to Starting a SaaS in ...
O Novo Programador
27,494 views
O que aprendi construindo um Micro-SaaS de R$ 100k de ARR em 4 meses
25:17
O que aprendi construindo um Micro-SaaS de...
Bruno Okamoto
64,951 views
O que eu faria se começasse a estudar IA HOJE?
59:53
O que eu faria se começasse a estudar IA H...
Asimov Academy
58,793 views
LEARN N8N TODAY AND AUTOMATE ALMOST EVERYTHING!
23:38
LEARN N8N TODAY AND AUTOMATE ALMOST EVERYT...
Código Fonte TV
90,711 views
Curso N8N Gratuito Para Iniciantes 2025 | Crie Automações com IA
1:37:41
Curso N8N Gratuito Para Iniciantes 2025 | ...
NoCode StartUp
113,266 views
Mark Zuckerberg decretou O FIM da GESTÃO DE TRÁFEGO... E AGORA?
11:07
Mark Zuckerberg decretou O FIM da GESTÃO D...
James William
34,643 views
Cabrini investiga fraude milionária do INSS
21:08
Cabrini investiga fraude milionária do INSS
Domingo Espetacular
1,110,936 views
O que são AGENTES de IA: APRENDA do ZERO!
22:10
O que são AGENTES de IA: APRENDA do ZERO!
Sancler Miranda | IA Revolution
96,250 views
Como ganhar 500 Mil Seguidores no Instagram | Bárbara Bruna no Hotmart FIRE
18:26
Como ganhar 500 Mil Seguidores no Instagra...
Hotmart
315,286 views
Como aprendi tudo de Marketing Digital SEM comprar curso
25:43
Como aprendi tudo de Marketing Digital SEM...
Joba
325,424 views
Esqueça o WordPress: Lucre Alto com Sites no Framer!
35:12
Esqueça o WordPress: Lucre Alto com Sites ...
Fala Bondioli
22,024 views
Silêncio o jovem está descobrindo que SaaS é furada.
14:57
Silêncio o jovem está descobrindo que SaaS...
mano deyvin
74,995 views
VOCÊ USOU O CHATGPT ERRADO ESSE TEMPO TODO... [com SERGIO SACANI E BRENO MASI]
16:37
VOCÊ USOU O CHATGPT ERRADO ESSE TEMPO TODO...
Talk Flow
1,338,930 views
AUTOMATIZE TODO O SEU TRABALHO com a NOVA IA MANUS - INCRÍVEL!
29:16
AUTOMATIZE TODO O SEU TRABALHO com a NOVA ...
Negócios em Mente
159,883 views
LIVE #01: Criando uma Landing Page no Framer com animações e Interações
2:22:08
LIVE #01: Criando uma Landing Page no Fram...
Fala Bondioli
3,329 views
UI Design do site da Mercedes-Benz | Tutorial de Figma
51:31
UI Design do site da Mercedes-Benz | Tutor...
Fala Bondioli
3,763 views
Você está jogando o seu tempo no lixo por não fazer isso…
15:45
Você está jogando o seu tempo no lixo por ...
Luana Carolina
129,988 views
Copyright © 2025. Made with ♥ in London by YTScribe.com