nlw-copa-ignite

Projeto desenvolvido durante o NLW Copa - da trilha Ignite

Setup do back-end

Aula 01

• Fastify
• Prisma
• Banco de dados
• Diagrama ERD
• Contagem de bolões

Aula 02

• Estrutura do banco e relacionamento
• Criando seed do banco de dados
• Criação do novo bolão
• Contagem de usuários
• Contagem de palpites

Setup do front-end (React, Nexts.js, número de bolões)

Aula 01

• Fundamento React
• Next.js
• Buscando contagem de bolões

Aula 02

• Layout da aplicação
• Conexão com a API
• Criação do bolão

Setup do mobile (Rodrigão)

Aula 01

Introdução

• O que é React Native
• O que é Expo
• Expo Go: dispositivo físico vs emulador

Criando o projeto

• Criando uma pasta para o projeto
• Criando o projeto
• As semelhanças com o React para web
• Importando os Assets
• Configurando o Splash Screen
• Conhecendoo o NativeBase
• Instalando o NativeBase
• Customizando o temo do NativeBase(arquivo com tokens)
• Instalando fontes personalizadas
• Garantindo o carregamento das fontes
• Criando o componente de Loading
• Criando a tela de SignIn
• Customizar a StatusBar

Aula 03

Interface de Autenticação

• Utilizando SVG como Componente no React Native para exibir o logo (svg transformer)
• Tipando SVG
• Criando o componente de Button
• Finalizando a interface de SignIn

Contexto de Autenticação

• Criando o contexto
• Criando o hook para compartilhar o contexto
• Compartilhando dados através do contexto

Autenticação com o Google

• Conceito de OAuth
• Instalando o expo-auth-session
• Instalano o expo-web-browser
• Configurar o OAuth com o Google
• Implementando autenticação com o Google

Interface para criar e encontrar bolão

• Compartilhando os demais componentes da aplicação
• Finalizando a interface New
• Reaproveitar a estrutura da New para criar a interface Find

Interface de bolões

• Iniciando a interface de bolões