Introdução
- Introdução
- Faça parte da nossa comunidade no Slack
- AVISO IMPORTANTE
- Visão Geral do jogo
- O que é React?
- Props
- State e Virtual DOM
- Como instalar as ferramentas necessárias para este curso
Criando os componentes do jogo
- Criando o aplicativo inicial com React
- Organizando o conteúdo e criando a tela inicial
- Alterando a biblioteca de leiaute do projeto
- Finalizando o componente Início
- Criando a lista de categorias
- Criando o componente Categoria
- Tornar o componente Categoria, reutilizável
- Criando o componente Perguntas
- Melhorando o visual das Perguntas
- Criando o componente Resultado
- Criando o componente Respostas
- Criando o componente Ranking
- Criando o componente Usuário, que é utilizado no Ranking
Rotas e Navegação entre Telas
- Criando as rotas
- Implementando a navegação entre Telas
- Organizando a navegação entre as telas do jogo
- Criando o menu externo
O Firebase
- Firebase: visão geral
- Configurando o Firebase
Autenticação do usuário pelo Facebook
- Criando o app no Facebook
- Facebook Auth Provider
- Autenticando no jogo com o Facebook
- Exibindo o usuário logado
- Atualizando barra de navegação com usuário logado
- Deslogando o usuário Parte 1
- Deslogando o usuário Parte 2
- Corrigindo o Logout
Teste: Criando a autenticação pelo Twitter
- Crie a autenticação com o Twitter
Criando o jogo
- Criando a Tabela de Categorias no Firebase
- Lista de Categorias conectada ao Firebase
- Criando perguntas no banco de dados - Parte 1
- Criando perguntas no banco de dados - Parte 2
- Alterando o componente Categorias
- Navegação com Parâmetros
- Utilizando o axios para retornar as perguntas do Firebase
- Resolvendo os dois problemas do componente Perguntas
- Consultando as perguntas da categoria escolhida
- Atualizando o componente Perguntas
- Finalizando o componente Perguntas
- Refatorando o componente Perguntas para mostrar uma pergunta por vez
- Progress bar nas perguntas
- Navegação entre Perguntas
- Capturando a resposta do Jogador
- Verificando se o jogador acertou
- Armazenando a pontuação do jogador no state
- Corrigindo o erro de respostas iguais
- Gravando todas as respostas no State do componente Perguntas
- Enviando as respostas para o componente Respostas
- Componente Resposta exibindo as respostas do jogador
- Exibindo o resultado e informando se o jogador acertou ou não as perguntas
- Imprimindo a quantidade de pontos que o jogador fez nesta jogada
- Próximos passos
