Kit dos inscritos no ar até 4 de outubro

R5/Kit

Acesso dos inscritos

O kit do Flutter Experience

A API do álbum, que roda na sua máquina, os assets que o app consome e o design das 10 telas. Prepare tudo antes da primeira aula: quem chega com o ambiente de pé acompanha a construção em vez de assistir à instalação.

  • No ar até 4 de outubro
  • API · assets · design
  • Uso pessoal e educacional

R5/Kit/01 · Downloads

Arquivos do evento

A API do álbum para rodar na sua máquina, os assets que o app consome e o arquivo do Figma. Resolva os três antes da primeira aula — na aula a gente constrói, não instala.

  • Backend do projeto

    Disponível

    A WC 2026 API, servidor do álbum em Dart Frog: login com JWT, catálogo das 48 seleções, colagem de figurinhas e resumo do álbum. Roda na sua máquina com SQLite embarcado — sem Docker, sem banco para instalar. Sobe com Swagger em /docs; cada pacote traz o binário do seu sistema e o SHA256SUMS para conferir o download.

    • v1.0.0
    • Dart Frog
    • SQLite embarcado
    • localhost:8080
    Escolha seu sistema

    Na dúvida no Mac: menu Apple → Sobre este Mac. "Chip M1" ou mais novo é arm64; "Processador Intel" é x64.

  • Assets do app

    Disponível

    Imagens, ícones e os padrões gráficos do álbum, já exportados em 1x, 2x e 3x e com os mesmos nomes usados no projeto. Descompacte na raiz do app: a pasta assets/ sai pronta para ser declarada no pubspec.yaml.

    • assets/
    • 1x · 2x · 3x
    • PNG · SVG · JPG
    Pacote único · qualquer sistema Baixar assets zip 1,8 MB
  • Design do app

    Figma

    As 10 telas do álbum com tokens, componentes e as medidas de cada espaçamento. Abra em Dev Mode para copiar cor, tipografia e padding direto do arquivo que a gente segue na construção. "Procurar troca" e "Chat de troca" estão desenhados ali como design do produto — não entram no escopo da semana.

    • 10 telas
    • Tokens e componentes
    • Dev Mode
    Arquivo no Figma Abrir no Figma dev mode

Os pacotes ficam no ar enquanto o evento estiver rodando e saem junto com as aulas, depois de 4 de outubro; o arquivo do Figma segue acessível pelo link. O material é seu para estudar e construir — não para redistribuir ou revender.

R5/Kit/02 · Execução

Subir a API na sua máquina

Uma vez só, em três passos — quatro no macOS, que ainda pede a liberação do Gatekeeper. Com o servidor no ar, a documentação interativa da API responde em http://localhost:8080/docs.

R5/Run/Windows

Windows (PowerShell)

# 1. o download traz outro .zip dentro — descompacte os dois
cd wc_2026_api-1.0.0-windows-x64

# 2. crie o .env e preencha o JWT_SECRET
copy .env.example .env
notepad .env

# 3. suba o servidor
.\bin\server.exe

# o Swagger sobe junto: http://localhost:8080/docs

Na primeira execução o SmartScreen pode avisar que o app é de um editor desconhecido: "Mais informações" e "Executar assim mesmo".

R5/Run/Mac-Linux

macOS e Linux

# 1. o download traz um .tar.gz dentro
tar -xzf wc_2026_api-1.0.0-macos-arm64.tar.gz
cd wc_2026_api-1.0.0-macos-arm64

# 2. crie o .env e preencha o JWT_SECRET
cp .env.example .env

# 3. só no macOS: libere os dois binários do Gatekeeper
xattr -d com.apple.quarantine bin/server
xattr -d com.apple.quarantine lib/libsqlite3.dylib

# 4. suba o servidor
./bin/server

# o Swagger sobe junto: http://localhost:8080/docs

O passo 3 é só para macOS e é obrigatório — veja o aviso abaixo. No Linux, pule do 2 direto para o 4.

O JWT_SECRET é obrigatório: o servidor sobe sem ele, mas devolve 500 na primeira rota autenticada. O banco é criado no primeiro start em ./data/wc_2026.db — apagar esse arquivo zera o álbum e recomeça do cadastro. A especificação também vem em arquivo, em public/openapi.yaml, se você preferir importar no Postman ou no Insomnia.

R5/Kit/03 · Depois do evento

Cinco dias mostram o método. A formação constrói o engenheiro.

O Flutter Experience é um recorte: um app, uma semana. A R5 Flutter Academy é o percurso inteiro — da sintaxe de Dart ao deploy na AWS, no mesmo padrão de arquitetura que você viu aqui, com suporte direto no Discord.

  • Lógica em Dart — raciocínio computacional na própria linguagem, sem passar por outra antes.
  • Dart do básico ao avançado — collections, POO, generics, async/await, Futures, Streams e isolates.
  • Flutter completo — widgets, layout, state management, Firebase, backend em Shelf, testes e deploy.
Conhecer a R5 Flutter Academy

R5 Flutter Academy — a evolução da Academia do Flutter

Formação Conhecer a R5 Flutter Academy