Criei um SaaS em 5hs, com essas Ferramentas Magicas

Fala galera beleza se você usa Bubble se você usa flutter Flow Will web e outras ferramentas que a gente já tem costume de usar no code presta muita atenção que tá chegando algumas ferramentas aí que olha se Bubble flutterflow essas ferramentas que a gente já usa não correr atrás elas vão ficar com certeza para trás porque essas ferramentas que estão surgindo Olha é um nível que é fantástico se você que quia arquivos se você queria os códigos ela te mostra Ela te dá você faz o que você quiser você pode importar exportar você pode colocar

onde você quiser você pode conectar o banco de dados que você quiser olha é fantástico você simplesmente Manda fazer ela cria para você e você tem todo o código ali que você pode manipular mexer Se você souber você pode estar escrevendo você pode fazer o que você quiser Gal galera o negócio é um nível hard é tem acreditado se você não sabe brincar não desce pro play então é um nível que tá chegando que vai ser Fantástico então se você quer ver essas ferramentas Assiste esse vídeo aqui até o final se você não é inscrito

se inscreve e deixa o seu like que isso ajuda demais a crescer o canal beleza bom galera vamos lá eu vou te mostrar quatro ferramentas uma delas é muito boa ela faz o back end o front end você Peg pega todos os arquivos e coloca onde você quiser liga com o que você quiser também é com api com qualquer coisa é muito boa e o design a parte ali né da estrutura você também Pede para ela fazer e ela vai fazer também você consegue utilizar bibliotecas né da internet como eh CSS e o bot stpe

você pode usar várias ferramentas ali várias bibliotecas para est criando o design então é muito legal é bem bacana mesmo mas vamos lá que eu vou vamos aqui na primeira que é bacana também que vai te inspirar bastante tá vamos lá aqui eu vou mostrar a primeira que é essa aqui é a pu code tá ela é uma ferramenta muito bacana você vai se en cadastrar aí você tem S dias para você tá utilizando Ok então aí você vai cair nessa tela que é onde você pode tá e escolhendo aqui a tecnologia que nem react

mais a a a parte aqui de CSS que você pode estar utilizando você pode estar usando aqui a boot stpe como eu falei né Essa essa combinação aqui eu acho bem legal e de utilizar que são componentes assim fantásticos e aqui você pode já especificar uma cor para ele né um tema um layout né que você vai querer uma harmonização uma tabela de cor que você pode já tá criando no seu eh componente aqui então isso é bem legal também você pode estar escolhendo aqui e salvando tá então já é um avanço assim bem bacana

aqui ó você vai escolher algumas categorias Você pode escrever direto tá ou você pode escolher algumas categorias que já te ajuda aqui ó que nem eh tem várias coisas aqui que você pode estar escolhendo que nem dashboard e botão Avatar Card eh lista tem muita coisa legal aqui que você pode estar escolhendo ó eu vou escolher aqui ó é Ó tem drop Down né eu vou escolher um dashboard tá e quando você clica tem algumas opções aqui que também você pode estar escolhendo ó que te ajuda né criar um painel que inclua e um menu

superior uma barra lateral e painéis para análise é notificação e tarefas rápidas tá vendo aqui tem outro também que você pode estar escolhendo ou você pode estar escrevendo aqui eu vou pegar esse aqui ó esse primeiro aqui e vou clicar você pode copiar esse eh comando aqui você pode copiar e colar ou você pode vir aqui ó eh copiar e colar para você alterar ele né Você pode colocar mais especificações Que nem ó copiei ó lá ó ele veio direto para cá que aí você pode tá acrescentando mais algumas coisas tá então eu vou clicar

nessa flechinha que já vai direto paraa criação ali ele vai criar então ele vai abrir aqui vamos esperar aqui é um painelzinho que você pode ficar brincando é o joguinho da cobrinha Então você dá o play aqui fica brincando até ele criar mas isso aí agora não é importante vamos ver o que ele vai criar aqui pra gente aqui você vai ver o código depois que é bem legal ele você pode aqui usar e responsivo né você pode pedir para ele criar algumas vezes ele já cria automaticamente aqui você pode abrir no visual Stúdio tá

e onde você pode estar editando ali o código colocando fazendo algumas coisas utilizando o que ele criou aqui e aqui você vai expandir ele vai abrir na tela toda ok então vamos esperar um pouquinho ele criar aqui pra gente bom galera Ele criou aqui ele cria três tá vendo ó ele cria três opções aqui para você tá olhando olha só que bacana isso porque eu tô utilizando aquela e essa biblioteca aqui tá eh você pode mudar cor você Pode pedir para fazer qualquer alteração aqui ok É ele criou aqui e criou o código que você

pode pegar esse código e utilizar onde você quiser né é utilizar ali Como já o seu a frente do seu dashboard tá e aqui você pode pedir para ele criar as páginas também tá você tem que ser bem específico aqui que ele vai criando para você ó se você quer ter ideia eu já criei componentes aqui que olha Fantástico assim dá para utilizar eh em bastante lugar assim tá eh e a outra ferramenta que eu vou te mostrar eu criei componente até para extensões aqui ó no no Google que você pode est utilizando ó Logo

logo eu vou explicar o que que é isso que você vai poder est utilizando aí e vai ser bem legal tá eh então você consegue criar tudo aqui tá é na parte de design assim na parte de layout você consegue estar criando tudo e exportar Vamos abrir aqui esse componente pra gente ver né Ó lá ele já veio aqui responsivo algumas vezes vem com a imagem algumas não mas isso não importa muito aqui não vai funcionar porque você tem que tá pedindo ali para ele mas ó já tá funcionando aqui vamos clicar aqui no segundo

pra gente ver Vamos abrir aqui também já tá funcionando você pode ver que ele tá responsivo ele é já vem aqui também com search que você consegue tá utilizando e já vem com todos os botões como eu falei ó ele já cria o menuzinho então isso aqui serve para uma bite inspiração ou para você já utilizar esse código em algum e aplicativo seu tá ó esse aqui também ficou bem legal olha só e responsivo também né que é fantástico né olha aqui a o layout fica bonito né Isso é bem bacana Aí na vez você

tá desenhando tudo do zero aí você vai falar ah mas como que eu vou vou fazer isso funcionar Calma calma que você vai ver vamos tirar aqui eu não vou ficar muito explicando ela mas fuça aí você vai conseguir criar bastante coisa aqui é layouts que vai poder est te ajudando tá e como eu já te mostrei aqui você pode ver o código e também pode ver o preview vai alterando vá pedindo aqui alterações você também consegue ver aqui ó clicar e alterar só a parte que você quer tá vendo ó você pode pedir ó

quando você clica você eh coloca aqui o comando para ele alterar essa parte que você tá escolhendo É só você clicar aqui ó tá então você pode utilizar 7 dias essa ferramenta então brinca bastante e utiliza aqui várias e combinações de bibliotecas para você ver como que isso funciona isso aqui já é uma palinha do que vem aí e pela frente tá que é são coisas assim absurdas Então beleza vamos vir aqui ó na ferramenta cadê Aqui ó Nessa aqui que eu fiz eu fiz aqui pedi para ele fazer um aplicativo de lista de compra

bem simples fui lá digitei olha aqui o que eu digitei na verdade ó crie um App Mobile é de lista de compras é claro que ele não não pegou ali o mobile mobile ele só deixou responsivo aqui mas era isso que eu queria aí ele criou três opções aqui também para mim ó tá vendo ó e que eu achei todas fant na verdade aqui você pode digitar né o nome Sei lá vou colocar mercado do item né aqui na verdade é o item né então vamos clicar aqui ó vou vir aqui ó vou colocar colocar

aqui sei lá banana beleza aqui você pode escolher o o a quantidade né aí você pode escolher aqui ó quilo né unidade você pode né e e por e peças que seria ali a parte de unidade né Por Kilo então você pode estar escolhendo aqui o que você quiser é claro que isso aqui é porque eu pedi ali muito simples Tá mas isso aqui você pode estar mudando normalmente então eu colocar aqui 1 kg sei lá e vou escolher aqui uma categoria vou adicionar ele já apareceu aqui para mim tá vendo ó e já veio

aqui para eu editar já veio aqui para e eu deletar né que você pode est mexendo ó cliquei em editar já tá funcionando eu posso mexer ali é claro que essas informações aqui ela eh tá alocada aqui no navegador né não tá num banco de dados e aqui eu consigo filtrar também categoria meu dá para fazer muita coisa aqui né inclusive nas outras aqui a mesma coisa você pode digitar aqui né colocar aqui uma e escrever aqui uma nota add e ele já adicionou aqui para mim você pode filtrar também pode marcar como é feito

pode eh editar e pode deletar tá vendo já fica Funcionando aqui é bem legal então beleza aqui tá criado depois a gente vai est utilizando ali para conectar utilizar na outra ferramenta lá que eu tô falando para vocês que eh vai conectar ali com firebase tá então beleza vou deixar aqui agora vou te mostrar a outra ferramenta não vou demorar muito nelas porque senão vai ficar um vídeo muito longo mas eu vou te mostrar a outra aqui que é bem legal também a outra ferramenta é essa aqui a eu não sei pronunciar isso mas é

a v0 pd né É ela é bem legal é parecida com essa só que ela eu acredito que seja um pouquinho mais voltada ali também pro backend e pro front mas também funciona perfeitamente a que eu vou te mostrar que é a fantástica assim ela faz tudo tá então fica aí não vai embora não que eu vou te mostrar até conectar ali no firebase para você ver como que é fácil então vamos lá é acessa ela você vai cair aqui aí você tem um limite né também aqui mas não é tanto igual a primeira que

eu te mostrei mas você tem um limite é de uso e os planos de todas essas ferramentas é o plano é de ó tá um plano básico ali então dá para você brincar bastante aí é para est utilizando tirando aquela primeira que você usa 7 dias essa aqui você tem um limite Mas se você quiser assinar tem o plano básico de ó que vai dar uns 120 alguma coisa assim tá mas dá para você fazer muita coisa tá galera então vamos aqui eu não vou te mostrar todos os planos não vai ficar muito longo Depois

você coloca aqui nos comentários para eu est mostrando bem a fundo Como utilizar cada uma tal então aqui ó tem essa aqui eu coloquei um prompt aqui que é para criar o um aplicativo mobile de uma lista de compra tal e pedi aquela biblioteca que a gente usou ali e na primeira que já tinha ali feito então vamos clicar aqui é primeiro se cadastra tá faz todo aquela parte de cadastro login aí você vai cair aqui e vamos criar vamos deixar ele criar aqui pra gente olha só que bacana tá olha só o que que

ele vai fazer aqui vamos ver se vai ficar legal né só falta não ficar legal na hora que eu tô falando aqui só que ele já tá criando e ele vai te mostrar galera ele vai te mostrar ao vivo aqui ó criando essa esse aplicativo tá isso eu acho massa demais então ele criou ali para mim já aqui é a parte de lista de compras como eu pedi para ele utilizar aquela biblioteca é é tipo material design sabe quando você pedir para e criar no material design ele vai vir com os componentes do material design

e a biblioteca que eu pedi ele vem com os componentes o estilo né Eh daqueles componentes então ó criou aqui para mim vamos ver como que tá ó vou escrever aqui ó batata vamos lá aí galera aí ó já criou aqui para mim e é claro que eu posso ir mudando aqui fazendo tudo as alterações Mas ele já criou e quando eu clico ó tá vendo ele marca aqui para mim que eu já é é já fiz eu posso tirar aqui ou deletar né Vamos colocar aqui outro ó banana vamos adicionar ah lá é claro

que isso tudo tá sendo e alocado aqui no navegador tá não tá num banco de dados então ó quando eu clico ali beleza ele posso ir acrescentando é claro que tá bem simples né tá bem bem simples mesmo mas e você pode ir aprimorando você vê que naquela outra ela já trouxe filtros ela já trouxe um monte de coisa aqui você pode estar pedindo para ela trazer filtros fazendo tudo aqui é conforme o que você quer tá aqui também tem a opção de código galera que você pode baixar copiar e utilizar em outro lugar então

tá aqui todo o código Você pode abrir direto na ide e para você fazer aqui é tipo visual Studio né você pode fazer aqui várias coisas e aqui também tem algumas opções de você salvar eh montar pastas né E tá utilizando essa ferramenta aqui também é muito boa dá para você fazer muita coisa e é bem legal você ficar mexendo só cuidado com os limites né É gratuito então a parte ali é bem pouquinho mas se você assinar meu Faça algo assim que você vai utilizar né teste ali em eh no gratuito mas depois Faça

algo sim seja bem específico também que ele vai est criando Aqui de acordo com o que você pedir tá vendo e já funciona aqui isso que é legal né então beleza essa aqui é a segunda ferramenta que você pode estar utilizando ali para est criando layouts né olhando e as páginas como que utilizando as bibliotecas você pode pedir aqui e isso é bem legal galera a outra é o cursor essa ferramenta também é fantástica só que ela você tem que eh ali fazer baixar ela né E você para você visualizar a o aplicativo você tem

que dar o executar ele né então Eh aqui já é um pouquinho um pouco mais avançado mas também não é difícil não tá é uma coisa bem simples aqui eh eu vou explicar mais ou menos aqui eu tô desenvolvendo um aplicativo que eu fiz lá no na ferramenta que eu vou explicar para vocês que é a próxima que é a top e trouxe o código para cá tá E aí eu posso dar o Deploy aqui e ver essa ferramenta tá ver esse aplicativo que eu tô mexendo aqui então para você e fazer funcionar é só

dar esse comandinho aqui ó tá vendo ó que é ele vai funcionar perfeitamente ó vou dar um zoom aqui ó tá vendo você dá esse comando que ele vai funcionar ali e você vai poder est utilizando tá é é bem legal essa ferramenta você baixa instala ela eu já criei muitos componentes aqui eu primeiro utilizei aquela primeira ferramenta e depois eu trouxe para cá e fui pedindo o que que é legal quando você baixa essa ferramenta né Você assina ela você tem aqui o composer né que vai te ajudar você vai pedir para ele fazer

aqui as coisas e ele vai criar aqui em cima do que você já tem ele vai mudando ele vai e modificando e você vai pedindo é como se ele for o desenvolvedor E você só ia pedindo para ele é uma ia que tem aqui que vai montando o aplicativo para você eu já fiz extensão aqui e já fiz componentes e dá para você fazer muita coisa aqui tá galera você vai pedindo vai dando Deploy e vai olhando é componente extensão pro Chrome e Inclusive a minha extensão vem logo aí de componentes vai ser bem legal

e Já criei ela já tá funcionando foi aquela que eu mostrei ali então meu vai ser Fantástico e você pode estar utilizando aqui pedindo como seu assistente ele vai criando aqui para você pode te assustar no começo por ter os códigos aqui mas depois você vai entendendo você vai visualizando e você vai ver que é bem simples tá você não vai precisar editar nada aqui É ele que vai fazer para você ok então essa ferramenta é bem legal vou est mostrando aqui agora para vocês como que vocês podem estar acessando eu vou deixar o link

aí também tá eh para você estar acessando ela aí aqui ó é essa ferramenta você vai vir aqui vai baixar você pode estar utilizando também tem um limite tá eh para utilizar ela mas ela é tipo um assistente mesmo que fica ali te ajudando a criar o seu aplicativo então é bem simples de usar também eh pode assustar um pouquinho no código ali mas você dando ploy ali fazendo executar você vai ver que é bem simples também tá eu utilizo mais ela depois que eu utilizo uma dessas outras que eu já te mostrei então eu

jogo e vou fazendo alterações nessa ferramenta Então essa aqui é tipo uma combinação que vai te ajudar bastante aí tá Então essa ferramenta é bem legal vale a pena você testar e a próxima que é a ferramenta mais fantástica que eu já vi aqui é que eu vou te falar agora é vamos lá mas antes eu queria te dar um recado bem legal eu vou lançar a comunidade Design no code essa comunidade Ela já tem um módulo lá gigantesco galera eu eu acho que você não vai encontrar nenhum curso igual a esse que eu coloquei

lá tá e pode ter alguns aí meio básico né que não te falem a fundo o que tem que fazer mas lá vai ter que já é a primeira ferramenta que é o framer lá eu vou te mostrar como você você utilizar de ponta a ponta vou te ensinar a fazer sites e Land pages fantásticas eh criar componentes eh que você pode vender ou eh disponibilizar gratuitamente eh esses componentes você consegue conectar com banco de dados é é fantástico tá é um é um curso assim é um módulo gigantesco com muita coisa legal eu vou

te ensinar a fazer briefing eu vou te ensinar a criar sua estrutura eh de identidade visual você vai poder quando finalizar trabalhar como desenvolvedor de Land page site né É pequenos aplicativos que dá para criar lá dentro você vai poder oferecer esse serviço e o mercado é muito grande galera é nessa área de sites websites Land page é muito grande você consegue aí criar sites com valor muito alto muito agregado assim sabe é muita Procura então ela já vai ser lançada com esse módulo que é gigantesco tá é bastante coisa lá que você vai aprender

do zero e futuramente eu vou est agregando com as outras ferramentas como essas que eu tô te mostrando e também Bubble né Essas que a gente já usa que eu vou est agregando ali também figma e a gente vai montar uma comunidade tá E também para quem entrar nesse grupo que eu vou deixar aqui na descrição vai ganhar um desconto Fantástico no dia do lançamento tá porque quando eu for agregando coisa eu vou aumentar esse valor e ele vai ficar praticamente o dobro do que eu vou e lançar ali então quem entrar já vai ir

pegando as coisas que eu vou colocando ali no frame que eu quero colocar Muito mais coisa ali e sabe coisas assim sites fantásticos assim que você vai aprender e vai poder trabalhar ou fazer até para você mesmo tá quem entrar vai ganhar esse desconto tá E é um ano de assinatura que vai ter bastante coisa ali para você tá fazendo Tá e também vai ter a comunidade no discord onde você vai poder est conversando fazendo o Network ali você também vai poder e ver a parte de suporte que você pode estar perguntando algumas coisas né

como Eh tá no lançamento Pode ser que você pergunte demore um pouquinho mas eu vou responder tudo ali tudo direitinho tá eh pra gente tá se comunicando e eu também você tá sempre por lá ali que a gente pode est trocando uma ideia eu também vou disponib mizar vagas ali e oportunidades para você est criando ali pegando clientes né para est criando e aplicativos ou sites vai ser bem legal então Eh eu conto com você para est participando dessa comunidade que é Design no code eu vou deixar aqui na descrição entra nesse grupo porque quando

eu lançar vai ser um descontaço assim tá galera vai ser um descontaço mesmo e depois eu vou ir agregando muita coisa ali e Futura ente Quem sabe a gente trazendo professores também vai ser bem legal tá então entra lá que vai ser uma comunidade de design no code eu acredito que é a primeira do Brasil Beleza então vai lá entra no link aqui na descrição é já fica lá na nesse grupo que quando eu lançar você vai ser o primeiro a receber o link ali e todas as especificações para você tá entrando nessa comunidade beleza

e também vai ter lives eu vou disponibilizar lives lá e na comunidade que eu vou est ali olhando o seu aplicativo olhando seu site né olhando e a gente cuidando ali da parte do Design que é bem importante Ok então é isso aí eu espero você lá beleza galera a próxima ferramenta é essa maravilha aqui que se chama Bat New ela é uma ferramenta fantástica galera o pessoal não para de falar nela lá fora é é ela tá chegando com tudo ela arrebenta assim ela é bem legal para você ter ideia eu tô criando um

um aplicativo nela completo de gerenciamento ali na área da saúde e cara ela faz tudo para você é fantástica tá ela é fantástica mesmo então vamos lá que eu vou te mostrar ela então estamos aqui na telinha da ferramenta eu vou deixar aí na descrição para você essa ferramenta é simplesmente assim um negócio sabe que eu nunca vi assim eu acho que é bem a e o futuro tá você vai pedir ela vai fazer e é desse jeito é ela é bem legal vamos começar a fazer aqui uma coisinha básica mas depois eu vou te

mostrar a estrutura ali da do aplicativo que eu tô fazendo na área da saúde que você vai ver que é uma coisa assim bem legal e a gente vai conectar uma aplicativo Zinho ali básico no e firebase tá que é bem é facinho eu vou te mostrar aqui ó Lembra do nosso aplicativo ali do a lista de compra Então tá aqui ó e ela já tá conectada no firebase tá é bem simples do jeito que eu fiz aqui só que eu não quero fazer esse modelo eu quero fazer de outro jeito só que eu vou

abrir aqui para vocês para vocês verem aqui o código só que aqui não é só o código galera aqui são todos os arquivos do seu aplicativo né Você pode simplesmente abrir na ide aqui em cima e baixar ou você pode baixar aqui direto todos os arquivos Ok e você pode colocar onde você quiser você pode trazer para cá pode e levar para lá conectar o que você quiser galera tá Se você assinar o plano aqui dessa ferramenta e o básico é são 10 milhões de tokens Aí você fala é bastante é bastante só que se

você pegar para desenvolver que nem eu tô fazendo ali um aplicativo completo vai assim galera vai muito rápido tá então você tem que tomar um cuidado aí é que senão você vai gastar uma grana só que é uma grana que vai valer muito a pena tá é sem é sem é a mesma coisa ó tá e você ganha 10 milhões de tokens aqui e dependendo do que você for desenvolver você gastar uma graninha aqui para desenvolver só mandando cara vale muito a pena tá eh e e em um dia tá galera eu fiz praticamente quase

uma boa parte ali do aplicativo eh em um dia só fazendo al e um dia com tempos assim de eu ficar uma hora parado e fazer outra coisa sabe e depois ficar mais uma hora vamos dizer aí em umas 4 horas eu fiz ali até acertar ali o comando né por isso que você tem que ser bem específico tá então aqui ele cria os arquivos para você e como eu falei o preview também aqui ele cria para você tá então é bem legal isso você consegue subir aqui imagem tá colocando e perguntando para ele coloca

a imagem e ele vai lá e você fala ó deu erro ou tira um print aqui vai colocando é bem legal é bem funcional né e vai te ajudando muito então vamos começar aqui do zero criando o nosso e aplicativo de lista de compra eu posso est aqui pegando um daqueles que eu já criei nas outras ferramentas né É como eu tô com pouco token aqui né Eu tô com 1 milhão você fala ah é muito não não é muito não é pouco então não vou fazer tão robusto desse jeito né vou fazer mais simples

para economizar aqui também e dar para eu criar aqui a a aula né mostrar aqui o vídeo ok então eu posso vir aqui eh no que a gente criou que foi esse aqui ó que foi na vzero ali né Eh e vou pegar esse código vou copiar ele né vou copiar Ele é bem simples mas é de cadastrar e deletar e editar certo que você pode est eh editar não né É só cadastrar e deletar que vai ser bem simples e eu creio que vai ser bem bem funcional ali mas depois eu vou te mostrar

o outro aplicativo Então vamos lá eu vou vir aqui e vou dar uma ordem para ele aqui e crie um aplicativo de lista de compra usando esse estilo eu vou colar aqui o estilo que eu quero certo beleza você pode aprimorar aqui também e esse prompt tá eu aconselho né você depois que você entendeu Como funciona você clicar e ele vai aprimorar o o o prompt ali para tá fazendo de uma uma maneira mais fácil e mais assertiva tá mas primeiro explore e tudo esse código é aquele lá que a gente copiou ali da nossa

lista aqui que já tava prontinha né desse aplicativo aqui que a gente fez então eu vou clicar aqui para ele criar olha só que que ele vai fazer se der erro ele vai arrumar ele já vai colocar todos os pacotes necessários ele já vai instalar tudo você não precisa se preocupar com nada tá ele tá criando aqui pra gente olha só ele vai criar os arquivos ele vai criar tudo é claro que na hora de você exportar ele vai exportar só os arquivos do seu aplicativo tá então ele tá criando aqui vamos esperar um pouquinho

vou deixar vocês verem né para ver como que funciona aqui eh ele criando Ok então vamos esperar um pouco fica de olho né sempre ele já deu um probleminha aqui não tem problema Vamos pedir para ele a arrumar aqui ó vamos clicar aqui e ele vai arrumar para você o problema ele vai encontrar soluções aqui e deve ser por Cao do código que eu trouxe Mas você poderia ter pedido aqui do zero que ele ia criar para você também tá então vamos esperar aqui ele arrumar até funcionar aqui ele já tá executando tá já tá

funcionando aqui ele já vai executando o aplicativo Ok então vamos esperar aqui vamos ver se vai funcionar funcionou aqui ele criou aqui no cantinho não tem problema mas isso aqui você vai pedindo ele vai arrumando tá ele vai ajustando coloa no centro né deixe responsivo E aí você vai pedindo ele vai fazendo tá eu vou deixar aqui mesmo para economizar aqui os meus tokens ok então beleza ó ele criou aqui fez até um ícone bonitinho colocou aqui beleza Vamos colocar aqui Um item né tomate vamos adicionar ó ele já trouxe a notificação aqui né ele

já avisou que adicionou Um item ali na lista Ok então vamos colocar aqui banana mais um adicionado né bem simples bem legal é claro que ele não criou aqui vários arquivos para esse eh componente né para esse aplicativo porque ele não tá ele não exige muito né Então tá aqui criou Beleza agora galera você pode fazer o que você quiser aqui tá eh depois eu vou mostrar ali o aplicativo para vocês mas a gente vai conectar esse simples aplicativo ali no firebase Ok bom galera vamos abrir aqui o firebase Você abre aí se cadastra bem

simples Tá e aí você vai criar aqui um novo projeto aí beleza vamos colocar um nome aqui que vai ser bem simples lista de compras certo vamos clicar aqui aqui a gente desliga desativa que a gente não quer ali o Google Analytics que é só um exemplo Vamos criar vamos esperar ele criar aqui ele criou vamos continuar ele vai abrir aqui pra gente beleza aqui você pode escolher né Eh a parte aqui o aplicativo é web ele vai ser e para celular né então a gente vai escolher aqui pra web ok vamos colocar aqui o

mesmo nome lista de compras e vamos clicar aqui vamos esperar ele vai criar aqui pra gente esperar aqui ele criou aqui vamos só salvar isso aqui ó você pode pegar aqui ó e colar é claro que depois eu vou deletar mas não mostra para n ninguém né essa conexão aqui ok salva essa partezinha aí é claro do seu não o meu porque não vai tá funcionando aí você clica aqui em continuar Ok vamos vir aqui ó em Cloud par Store clica nele deixa ele abrir vamos vir aqui ó em criar banco de dados beleza escolhe

aqui o mais próximo né que é aqui em São Paulo aqui ó tá e clica aqui em próximo aqui a gente vai usar o de teste né galera vamos vi aqui porque você tem 30 dias aqui para est utilizando ele eh e aí eu não preciso não vai complicar tanto aqui na hora de configurar Ok então deixa aí criar vamos esperar um pouquinho ele vai criar pra gente Lembrando que aqui é bem simples né bem básico tá só para a gente V ali funcionar e te mostrar aqui como vai ser fácil criar aplicativos né aí

no futuro vai ser bem fácil ele criou aqui pra gente ó tá vendo bem simples né aí a gente pode voltar lá no nosso aplicativo E aí a gente vai dar um comando aqui pedindo para ele armazenar os dados né no firebase do nosso aplicativo vou deixar o comandinho aí também mas e eu escrevi em inglês tá para sei lá ser mais assertivo né Você pode usar em português também não tem problema e aqui a gente vai colar aquela chave que a gente copiou Então vou vir aqui e colar Ok vamos clicar para ele conectar

se tiver erro ele vai arrumar e vai organizar aí de uma maneira que funcione Ok eh antes ficava ali o aplicativo funcionando mas no navegador se a gente carregasse ele ia lá ia apagava tudo certo agora a gente cadastrando ele não pode apagar porque vai tá ali no nosso firebase certo então quando você cria aqui ele só carrega no navegador como eu tinha mostrado antes então vamos deixar ele fazer aí os tokens vão indo embora e tem uma maneira muito bacana que o pessoal tá aí de utilizar outras I dentro do Bolt aqui que é

bem legal que precisa de um pouco mais de conhecimento mas você consegue pegar as apis né do GPT do Cloud você consegue estar colocando aqui e reduzindo né o custo e aí você pode estar utilizando então tem algumas eh rolando por aí eu vou em breve gravar um vídeo e aí vai ser mais fácil de você tá utilizando e não gastando tanto né então beleza Ele criou aqui parece que deu tudo certo vamos ver galera ó para você atualizar você clica nesse botãozinho aqui tá se clicar e não ficar aqui a a o item que

a gente colocar quer dizer que não funcionou Mas vamos lá vamos colocar aqui tomate clicar vamos adicionar beleza Vamos colocar aqui também banana adicionar Beleza se eu atualizar ele sumir quer dizer que não funcionou Então vamos lá oh funcionou galera Ó lá tá aqui os itens eu posso tá aqui ó atualizando que eles não vão sair certo beleza vamos lá no Fire base para ver vou clicar aqui olha aqui na tabela O que que tem os dois itens que a gente acabou de colocar certo a banana né e o tomate ele acrescentou aqui se o

seu não tiver aparecendo atualiza aqui ó tá que aí ele vai aparecer Ok é que primeiro assim ele não atualiza eh em Real Time né mas ó beleza vamos acrescentar mais um Vamos colocar aqui sei lá eh Vamos colocar aqui eh ovos adicionar beleza vamos vir aqui no Fire base ah lá já tá o três aqui ó adicionou mais um item certo então galera ele tá funcionando tá funcionando o nosso banco de dados aqui certinho Vamos p mais um ó se você vier aqui tem três né Vamos colocar aqui mais um bola adicionar vamos lá

ó lá quatro Então tá funcionando perfeitamente o nosso aplicativo galera eu poderia pegar esse código hospedar colocar no servidor e meu vai funcionar certo você poderia est pegando o seu código do seu aplicativo e tá utilizando aí fala se não foi bem Simples Fala para mim se não foi foi né galera foi muito simples Qual foi a sua força aqui nada só pedir a coisa certa pra ferramenta certa certo se você vier aqui eh vou te mostrar aqui nesse outro aplicativo aqui eu já coloquei um limite né é quando chegar em R 900 ele vai

me avisar então eu já fui aprimorando aqui a nossa lista de compra então dá para fazer muita coisa mas como eu falei você tem que tomar cuidado com seus tokens aí se isso aqui empolga e aí você fica aqui fazendo fazendo fazendo quando você vai ver já era os tokens né Então galera foi massa demais agora eu vou te mostrar ali o aplicativo Galera tô aqui na página do aplicativo que eu tô desenvolvendo eu vou te falar que ele criou tudo para mim tá Eu só fui pedindo até a parte demo aqui para eu acessar

Ele criou é claro que quando eu tava construindo ali ele criou aqui no no navegador então eu acessava Normal beleza aqui funcionava de boa só como eu falei vai token aqui né você vai pedindo ele vai e criando eu abri aqui na ide deles que é aqui que você pode estar assinando E você já ganha aqui a ia né que é a b para est utilizando e tem o limite você pode ver que tá responsivo né galera olha só que bacana Tá responsivo certo você pode aqui ó executar ele vai abrir direto navegador olha só

que legal ele vai pedir aqui você clica para aceitar e ele vai abrir aqui pra gente olha só que massa E aí beleza vou vir aqui ó vou pegar a demo Vou colocar aqui vou pegar aqui a senha também é claro que eu vou trocar tudo isso e aí vou vir aqui e acessei o painel galera aqui é eu tô terminando as telas fazendo tudo mas eu pedi para ele já e criou quase tudo para mim E aí eu vou conectar ali no banco de dados também eh para est funcionando em Real Time aqui tudo

direitinho tem algumas coisas que eu tenho que ajustar que nem aqui a nave bar eu quero que fique aqui E esse aqui aqui também e aí eu vou ajustando galera olha só cliquei ele tem o calendário aqui das agendas né do agendamento tá E esse layout foi ele que criou para mim então eu vim aqui eu também tenho Olha o nível de componente que que ele cria tá olha o nível aqui eu posso escolher a data ele vai aparecer se vai ser recorrente ou não posso escolher aqui o horário certo e adicionar tá ele vai

adicionar para mim aqui vou mudar aqui ó ele vai adicionando tá vendo posso deletar aqui também beleza e aí se for recorrente é só marcar aqui então funcionando perfeitamente O que eu trocaria são esses dois ícones aqui né que muda o mês beleza agora eu posso vir aqui nesse outro que ele também faz um agendamento aqui e vamos dizer ele entrou em contato o usuário ali né o paciente Eu Posso agendar aqui para ele se vai ser em videoconferência ou não então vamos dizer que eu sou um psicólogo eu vou lá vou adicionar vou clicar

e vou aqui ó tem horário tudo certinho vou confirmar beleza Posso copiar o link e e mandar para ele para ele acessar ó que show de bola tá isso aqui foi ele que criou aí a gente vem aqui nos pacientes se eu clicar tá aqui eu posso editar colocar aqui as informações tá vendo na hora de criar aqui também posso estar colocando aqui as informações esse aqui já é um eh o primeiro que eu criei o outro que já tem muito mais coisa que eu fui aprimorando é eu não vou mostrar mas é já tem

muito muita coisa aqui como tipo eu quero clicar aqui acrescentar e e uma lista um exame já vai tá tudo aqui tudo desse paciente então é bem legal aqui eu posso deletar acrescentar como eu falei e aqui já tá filtrando tá galera ele já filtra aqui também para você ok se você tivesse que fazer isso em um outro e outra ferramenta iria demorar eu te falo isso então vamos vir aqui aqui aqui a parte de exames né prontuários que você pode estar subindo aqui também já tá tudo feito e ele já busca o paciente que

já tá cadastrado ok ele já Puxa aqui as informações que você pode estar colocando fala para mim se isso não é massa aqui eu não criei nesse mas no outro já tá criado essas duas páginas aqui então beleza vou clicar aqui essa parte é aonde esse componente vai ficar na outra página que vai ser na home na Land page aonde o paciente vai poder escolher aqui o horário né escolher as datas né aqui horário como ele quer e ser atendido aí ele vai preencher aqui o nome dele e vai mandar aqui o formulário galera também

vou implantar a forma de pagamento só que galera eu fiz isso aqui em 5 horas tá 5 horas eu fiz aqui no nosso na nossa ferramenta mágica aqui eu fiz em cinco horas fui modificando algumas coisas então praticamente quase tudo eu já coloquei implantei a parte de impressão é em PDF já conectei algumas apis galera coisas que eu nem eu sou designer né então tem coisas que eu nem sabia eu fui pedindo ele foi fazendo para mim só fui abrindo ali as apis e colocando então é fantástico tá é uma ferramenta simplesmente fantástica por isso

que eu falo tem que tomar muito cuidado essas outras ferramentas que a gente já usa Elas têm que evoluir porque tá chegando aí no mercado essas ferramentas que vai fazer tudo para você e você só vai precisar dar a ordem e ir arrumando algumas coisas então é bem legal eu curti demais eu vou deixar tudo aqui na descrição para você clicar e utilizar Então galera não esquece de entrar no grupo também lá da comunidade Design no code beleza eu espero muito que vocês tenham gostado coloca nos comentários aí que você achou é e dá o

like também para o vídeo chegar até mais pessoas aí OK então É isso aí galera eu te vejo na próxima