# Knowledge AI

Landing page educacional criada no Módulo 1 do curso Engenharia de IA Aplicada à Programação Web.

## Sobre

A Knowledge AI representa uma futura plataforma para organizar documentos e consultar conhecimento com respostas ligadas às fontes.

Nesta etapa, o projeto demonstra fundamentos de desenvolvimento web. O formulário é uma simulação e não envia nem armazena dados.

## Funcionalidades

- navegação interna;
- apresentação responsiva;
- explicação do fluxo do produto;
- seção de recursos;
- perguntas frequentes;
- formulário acessível;
- validação nativa;
- estado de carregamento;
- sucesso simulado;
- erro simulado;
- preservação dos dados após erro.

## Tecnologias

- HTML;
- CSS;
- JavaScript;
- SVG.

Não existe biblioteca ou dependência externa.

## Estrutura

```text
.
|-- README.md
|-- index.html
`-- assets/
    |-- fluxo-conhecimento.svg
    |-- main.js
    `-- styles.css
```

## Como executar

Sirva a pasta utilizando um servidor HTTP e abra `index.html`.

No ambiente do curso:

```text
http://localhost/site/PosIA/modulos/01-fundamentos-web/exemplos/aula-1.2/
```

## Como testar

### Sucesso

1. Preencha nome e e-mail fictícios.
2. Selecione um perfil.
3. Marque o aceite.
4. Ative “Quero participar”.
5. Confirme a mensagem.

### Erro

Utilize um e-mail fictício terminado em:

```text
@erro.local
```

O formulário deve preservar os valores e permitir uma nova tentativa.

### Responsividade

Teste:

- 320 px;
- 375 px;
- 768 px;
- 1280 px.

### Teclado

Percorra toda a página utilizando `Tab`, `Shift + Tab`, `Enter` e `Espaço`.

## Acessibilidade

- landmarks;
- hierarquia de títulos;
- link para pular conteúdo;
- rótulos associados;
- foco visível;
- região viva para retorno;
- texto alternativo;
- redução de movimento.

## Segurança e privacidade

- nenhuma credencial;
- nenhum dado é enviado;
- nenhum dado é armazenado;
- entrada dinâmica é inserida com `textContent`;
- CSP introdutória restringe recursos;
- dados de teste devem ser fictícios.

## Limitações

- não existe API;
- não existe banco de dados;
- não existe autenticação;
- não existe envio real;
- a política de privacidade é apenas demonstrativa;
- a CSP deverá ser configurada como cabeçalho em produção.

## Próximos passos

- aprofundar JavaScript;
- consumir APIs;
- criar back-end;
- persistir dados em MySQL;
- adicionar autenticação;
- integrar recursos de IA.