Pular para conteúdo

Projeto 14 – Meu Diário na Nuvem ✍️☁️

Neste projeto, você vai construir uma aplicação de diário pessoal ou notas onde as informações são salvas com segurança no Firebase ou Supabase.


🎯 Objetivo

Dominar a integração de SDKs externos, gerenciar credenciais de ambiente e lidar com persistência de dados real.


🛠️ Requisitos

  • Integração com Firebase Firestore ou Supabase.
  • Uso de variáveis de ambiente (.env).
  • Lógica de CRUD (Create, Read, Update, Delete).

📝 Passo a Passo

1. Ambiente Virtual

Crie o arquivo .env na raiz do seu projeto Vite e adicione suas chaves: VITE_FIREBASE_KEY=sua_chave_aqui

2. Configuração do SDK

Crie o arquivo src/services/firebase.js (ou supabase.js) e inicialize o serviço exportando o objeto de conexão com o banco.

3. Criando Notas

Crie um formulário com título e conteúdo da nota. Ao clicar em "Salvar", envie para a coleção notas no banco de dados.

4. Gestão de Notas

  • Liste todas as notas salvas.
  • Adicione um botão de "Lixeira" em cada nota para deletá-la do banco de dados global.

✅ Critérios de Entrega

  • As notas devem persistir (ficar salvas) mesmo se você fechar o navegador e abrir de novo.
  • Não deve haver chaves expostas no código principal (usar as variáveis de ambiente).
  • A interface deve mostrar um feedback visual de "Salvando..." durante a operação.

Bônus

Adicione Autenticação! Permita que o usuário faça login com o Google para ver apenas as notas que ELE criou!