Flutterflow / Firebase 2023 (Clone do Tinder)

Flutterflow de baixo código / sem código, Firebase e Stripe. Vamos criar um clone do Tinder.

Avaliação: 4.0 de 573 avaliações

Total de horas: 10.5

69 palestras

Iniciante

Junte-se ao nosso curso sobre Flutterflow de baixo código / sem código, Firebase e Stripe, onde iremos guiá-lo no processo de desenvolvimento do seu próprio clone do Tinder.

Neste curso, abordaremos os conceitos fundamentais do Flutterflow e do Firebase. Na seção inicial, exploraremos o básico do Flutterflow e do Firebase, incluindo a configuração de um projeto Firebase e a ativação dos serviços necessários. Também iremos explorar as Funções do Firebase e utilizar várias bibliotecas do Firebase usando JavaScript.

Uma vez que tenhamos uma compreensão sólida do Flutterflow e do Firebase, iremos prosseguir para o desenvolvimento de um clone completo do Tinder. Esse clone incluirá recursos como funcionalidade de chat, deslizar, combinar, quebrar combinações e até mesmo integração de pagamento usando o Stripe. Ao longo do curso, também iremos introduzir e utilizar o Chatgpt como um assistente para nos auxiliar no processo de desenvolvimento.

Abaixo está uma lista das palestras incluídas neste curso:

• Apresentação e criação do primeiro projeto
• Criar um projeto Firebase e ativar serviços
• Explorar os serviços do Firebase
• Conectar o Firebase e o Flutterflow
• Páginas e navegação
• Navegação por ações
• Navegação com menu lateral
• Navegar para página filha
• Ler dados do Firestore
• Criar um objeto no Firestore
• Excluir um objeto do Firestore
• Atualizar um documento do Firestore
• Criar um componente
• Controle de versão
• Login
• Cadastro
• Autenticação do Google
• Redefinir senha
• Enviar imagens
• Atualizar URL da imagem
• Enviar vídeo
• Condicionais
• Chamadas de API
• Layout de colunas e linhas
• Layout com containers
• Layout com ListView
• Layout com GridView
• Passar dados para componente por parâmetros
• Tinder: autenticação e meu perfil
• Tinder: adicionar descrição
• Tinder: pilha deslizável
• Tinder: ícones na pilha deslizável
• Tinder: alterar plano no Firebase
• Tinder: ferramentas necessárias
• Tinder: configuração das Funções do Firebase
• Tinder: conexão com as Funções do Firestore
• Tinder: controle de versão e clone de um projeto
• Tinder: função de curtir uma pessoa
• Tinder: Teste de chamada de API Post
• Tinder: integração de chamada de API em uma ação
• Tinder: consultar pessoas que curtiram meu perfil
• Tinder: consultar subcoleção de pessoas que curtiram meu perfil
• Tinder: detalhes da pessoa que curtiu meu perfil
• Tinder: não curtir uma pessoa
• Tinder: lógica do backend para uma combinação
• Tinder: integração de chamada de API para criar uma combinação
• Tinder: criar componente para item de usuário no chat
• Tinder: página de conversa do chat
• Tinder: layout da página de chat
• Tinder: design do banco de dados do chat
• Tinder: gerar documento de chat no backend
• Tinder: funções personalizadas para gerar ID de chat
• Tinder: como depurar erros
• Tinder: implementação do comportamento do chat
• Tinder: melhoria do item de chat
• Tinder: adicionar imagem circular
• Tinder: lógica para quebrar uma combinação
• Tinder: teste final
• Stripe
• Stripe: permissões do Firebase
• Stripe: implantar funções e inserir credenciais
• Stripe: criar chamada de API para criar clientes
• Stripe: integrar fluxo de pagamento no aplicativo

O que você aprenderá

• Domine o Flutterflow do zero
• Desenvolva um clone do Tinder usando Flutterflow, Firebase e pagamentos integrados do Stripe
• Crie um clone do Tinder com Flutterflow (2023) e pagamentos integrados do Stripe
• Flutterflow de baixo código / sem código (Clone do Tinder)
• Noções básicas de JavaScript e construção de um backend simples com as Funções do Firebase