🗂️ Visão Macro do Sistema

O Porta Aberta segue uma arquitetura moderna baseada em microserviços, com separação clara entre frontend, backend e automações.

🛠️ Stack Tecnológica

Camada Tecnologia Propósito
Frontend React + Vite + TypeScript Interface do usuário
Estilização Tailwind CSS + shadcn/ui Design system
Backend Supabase Database, Auth, Storage
Automações n8n Workflows e integrações
Chatbot Typebot Onboarding e cadastro

🔄 Fluxo de Comunicação

┌────────────────┐
│   COLABORADOR  │
│  (Anônimo)     │
└───────┬────────┘
        │
        ▼
┌────────────────┐
│    INTERFACE   │ → Coleta Feedback
└───────┬────────┘
        │
        ▼
┌────────────────┐
│      n8n       │ → Webhook + Processamento
└───────┬────────┘
        │
        ▼
┌────────────────┐
│   SUPABASE     │ → Armazena dados
└───────┬────────┘
        │
        ▼
┌─────────────────┐
│    INTERFACE    │ → Dashboard para gestores
└─────────────────┘

📨 Fluxos Principais

Fluxo 1: Cadastro de Empresa

  1. Usuário acessa página "Quem Somos"
  2. Clica em "Faça seu cadastro"
  3. Typebot coleta: nome empresa, responsável, email, plano
  4. Webhook envia dados para n8n
  5. n8n processa e salva em companies no Supabase
  6. Email de pagamento é enviado

Fluxo 2: Envio de Feedback (Colaborador)

  1. Colaborador acessa link público da empresa
  2. Preenche feedback (setor, tipo, texto)
  3. Dados são salvos em feedback_raw
  4. IA analisa e salva em feedback_analysis

Fluxo 3: Análise de Feedbacks (Gestor)