Exercícios de Fixação – Aula 14 ☁️

Exercício 01: Configuração do Projeto Cloud

Acesse o console do Firebase ou do Supabase. 1. Crie um novo projeto chamado "MeuProjetoReact". 2. Ative o Banco de Dados (Firestore ou PostreSQL). 3. Copie as chaves de configuração.

Exercício 02: Inserção de Dados

No seu componente React: 1. Instale o SDK (ex: npm install firebase). 2. Crie uma função que salve um objeto { nome: 'Teste', data: new Date() } no banco ao clicar em um botão. 3. Verifique no console da nuvem se o dado apareceu.

---

🟡 Nível: Intermediário

Exercício 03: Listagem em Tempo Real

1. Use a função de escuta (ex: onSnapshot no Firebase ou subscribe no Supabase).
2. Exiba uma lista de itens vinda do banco.
3. Peça para um colega adicionar um item no banco e veja se ele aparece na sua tela sem você dar Recarregar.

Exercício 04: Upload de Imagem (Storage)

Configure o Storage na sua plataforma cloud. 1. Crie um campo de input do tipo file. 2. Implemente a lógica para subir o arquivo e exibir a URL da imagem na tela após o sucesso.