HappyFeed Survey Suite

HappyFeed é uma suíte de software modular para inquéritos de satisfação e captura de leads, desenhada para oferecer uma experiência de utilizador premium, interactiva e multilingue.

O sistema foi concebido para ser utilizado em quiosques físicos, tablets ou balcões de atendimento, oferecendo três templates distintos adaptados a diferentes ambientes de luxo, tecnologia ou corporativos.

---

Tecnologias Utilizadas

O projeto utiliza tecnologias puras (Vanilla) para garantir máxima performance, portabilidade e zero dependências externas:

• Estruturação: HTML5 Semantic para acessibilidade e SEO.
• Estilização: Vanilla CSS3 com uso intensivo de:
  • Custom Properties (Variables) para Design Systems.
  • Glassmorphism (Efeitos de transparência e blur).
  • Keyframe Animations para feedback emocional e HUDs dinâmicos.
• Lógica e Motor: Vanilla JavaScript (ES6+):
  • i18n Engine: Sistema de tradução dinâmica com suporte para PT/EN e persistência via localStorage.
  • Emotional UI: Gatilhos de feedback visual baseados na satisfação do utilizador.
  • State Management: Controle de navegação por tabs e temporizadores de segurança.
• Backend de Gestão: Form Tools (Sugerido para captura e gestão de dados).

---

Estrutura do Projeto

/
├── index.html           # Portal de entrada e seleção de modelo
├── templates/           # Diretório com os modelos de inquérito
│   ├── 1.html           # Template Futuristic (HUD / Sci-Fi)
│   ├── 2.html           # Template Premium (Dark / Profissional)
│   └── 3.html           # Template Luxury (Ivory / Elegant)
└── assets/
    ├── css/             # Estilos globais e temas diferenciados
    ├── js/              # Motor de lógica survey-logic.js
    └── imgs/            # Assets visuais (emojis, iconografia)

---

Integração com o Form Tools

A integração com o Form Tools é feita através do método API (External Form). Siga estes passos para configurar:

1. Preparação no Form Tools

1. Aceda ao seu painel Form Tools.
2. Crie um novo formulário (Add Form) e escolha External Form.
3. Selecione o método de submissão Direct (POST).

2. Configuração do ID no Código

Cada template possui um campo oculto que identifica o formulário no backend. Nos ficheiros em templates/*.html, localize e altere o value:

<input type="hidden" name="form_tools_form_id" value="SEU_ID_AQUI" />

3. Endpoint de Submissão

O formulário deve apontar para o script process.php do seu servidor Form Tools. Altere o atributo action na tag <form>:

<form id="regForm" action="https://seu-dominio.com/formtools/process.php" method="post">

4. Mapeamento de Campos

Certifique-se de que os nomes dos campos (name="") no HTML coincidem com os configurados no Form Tools:

• grau: Nível de satisfação.
• feedback: Motivo da visita.
• sugestao / mensagem: Comentários do cliente.
• contacto / email: Dados de lead.

---

✨ Funcionalidades Avançadas

• Multilingue Inteligente: O software detecta e lembra a língua preferida do cliente entre sessões.
• Timer de Inatividade: Regressa automaticamente ao ecrã inicial após 5 minutos de inatividade para segurança.
• HUD Cybernetic: Efeitos visuais de scanline e dados flutuantes no Template 1 para uma estética de alta tecnologia.
• Luxury Aesthetic: Tipografia serifada e cores marfim no Template 3 para centros de luxo.