Este projeto tem como objetivo avaliar sua proficiência no uso de tecnologias web, como HTML, CSS e JavaScript (ou jQuery), para criar uma interface web simples que interaja com a thecocktaildb. A funcionalidade principal da aplicação é permitir que os usuários insiram o nome da bebida e obtenham sua imagem juntamente com informações revelantes.

Para concluir com sucesso este teste, você precisará implementar as seguintes funcionalidades:

1. Interface do Usuário (UI):

   • Crie uma interface visualmente atraente e fácil de usar usando HTML e CSS.
   • Inclua um campo de entrada de pesquisa onde os usuários possam digitar o nome de uma bebida.
   • Implemente um botão ou gatilho para iniciar a pesquisa.

2. Recuperação de Dados :

   • Use JavaScript (ou jQuery) para fazer solicitações assíncronas para a thecocktaildb.
   • Recupere dados sobre a bebida especificado usando o nome fornecido.
   • Extraia e exiba a imagem e informações revelantes.

(Opcional) Lista geral:

• Uma lista geral com as bebidas.

(Opcional) Tratamento de Erros:

• Implemente tratamento de erros para casos em que o nome inserido não é encontrado ou há um problema com a solicitação da API.

Será Avaliado

• Criatividade
• Originalidade
• Código Limpo
• Solução de problemas.

Seu projeto deve ter uma estrutura clara e organizada. Considere o uso de arquivos separados para HTML, CSS e JavaScript (ou jQuery).

1. Clone este repositório em sua máquina local:

   git clone https://github.com/Auditar-Assessoria/desenvolvedor-web-teste.git
   

Abra o projeto em seu editor de código preferido.

Para testar sua implementação, abra o arquivo index.html em um navegador da web. Insira o nome no campo de pesquisa e retorne os dados e a imagem da bebida.

Submissão Assim que você concluir o projeto, crie um novo branch, faça commit das alterações e faça o push do branch para o seu repositório no GitHub. Compartilhe o link do repositório com o responsavel da contratação para revisão.

Boa sorte! Se tiver alguma dúvida ou encontrar problemas, não hesite em entrar em contato.

Email: [email protected]

Documentação do Ajax para fazer requests usando o jquery: (https://api.jquery.com/jQuery.ajax/).