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