Objetivo: Uma interface simples de busca em uma tabela do banco de dados. Apenas um campo e um espaço para exibição das fotos encontradas logo abaixo.

Forneceremos uma base de dados MySQL com 3 colunas. Exemplo da estrutura: (ID INTEGER, CHAVE STRING, ARQUIVO_FOTO STRING).

Através de uma interface contendo apenas 1 campo, o usuário digitará a sua busca. A partir do terceiro caractere digitado, uma pequena lógica Javascript deve controlar o envio da busca para o servidor PHP, com um comportamento descrito a seguir:

A partir da terceira letra, cada caractere digitado inicia um temporizador de 1 segundo. Se uma próxima tecla é digitada antes do temporizador acabar, o temporizador atual é cancelado e um novo temporizador é iniciado.

Ao término do tempo do temporizador (caso ele não tenha sido cancelado) o conteúdo atual do campo é submetido para a busca no servidor em PHP. A resposta do servidor deve retornar uma lista de imagens, que serão exibidas em uma grade logo abaixo do campo de busca.

A ideia é que o usuário vá digitando sua busca, que a cada letra refinará os resultados, que então serão exibidos automaticamente na grade abaixo, sem a necessidade de teclar ENTER ou clicar em botões de busca.

A base de dados será fornecida e alimentada internamente. Não há necessidade de desenvolver nenhuma interface de cadastro.

Importante ressaltar que a comunicação com o servidor deverá ser assíncrona, evitando que a página de busca sofra reload a cada interação com o banco de dados.

Para a lógica do aplicativo cliente, o profissional pode escolher seus frameworks para trabalho - dado que o sistema execute nos navegadores sem a instalação de plugins. Já para o servidor, uma estrutura mínima de módulos ou plugins do PHP seria o ideal, já que o serviço precisa rodar em uma hospedagem de sites simples (PHP+MySQL).