Fase 1: Conceitos Fundamentais

1. O que é autenticação?

   • É como um "porteiro digital" que verifica quem você é
   • Garante que só usuários autorizados acessem certas partes do app

2. Por que Firebase?

   • Serviço do Google que cuida da autenticação pra gente
   • Não precisamos criar sistema de login do zero
   • Seguro e gratuito para começar

3. Fluxo de autenticação:

   
   Usuário → Login Google → Firebase → Token → Backend valida → Acesso liberado
   
   

Fase 2: Setup do Firebase no Console

Passo a passo:

1. Acessar console.firebase.google.com
2. Criar novo projeto "devbills-aula"
3. Ativar Authentication → Sign-in method → Google
4. Registrar app Web
5. Copiar configurações

⚠️ Importante:

• Diferença entre Firebase Client SDK (frontend) e Admin SDK (backend)
• Client SDK = para o navegador se comunicar com Firebase
• Admin SDK = para o servidor validar token

Fase 3: Implementação no Frontend

3.1 - Configuração do Firebase (frontend/src/config/firebase.ts)

Por que fazer isso primeiro?

• É a base de tudo
• Sem isso, nada funciona