Teste Challenge Creative: Front-End

Desenvolver uma aplicação HTML5

Instruções

Faça um fork desse projeto para a sua conta pessoal do GitHub, ou BitBucket.
Siga as especificações abaixo.
Crie um README com as instruções para compilar, testar e rodar o projeto.
O link do repositório deverá ser enviado para o e-mail giancarlo@challcreative.com com o título Teste Front-End

Especificações tecnicas

Utilizar diretrizes do Bootstrap
Utilizar a API de busca do YouTube
Mobile first e responsivo
Usar framework JS (Vue, React, Angular ou frameworks relacionados)
Cores livres, layout livre, imagens livres
Gitflow

Especificações funcionais

Tela Inicial

Essa tela terá um formulário de busca posicionado no meio da tela com campo de texto com placeholder "Pesquisar" e um botão "Buscar". Esse formulário deverá ter validação.

Essa busca deverá chamar a url https://www.googleapis.com/youtube/v3/search?part=id,snippet&q={termo_de_busca}&key={API_KEY}

Ao fazer a busca, o formulário deve ser movido para o topo da tela usando css animate e mostrar a lista de resultados com os campos título, descrição, thumbnail e um link para a página de detalhes.

Essa página deverá ter paginação, utilizando os recursos de paginação da api.

Construir um carrossel responsivo no footer abaixo da paginação, que deve exibir os vídeos apresentados na lista e obedecer os seguintes requisitos:

Deve ser componente de autoria própria (não serão aceitos códigos de plugins reutilizados);
Receber parâmetro de quantidade de quadros a serem exibidos e tempo de animação;
Pausar animação no "mouse hover";
Animação infinita (não deixar espaços vazios na exibição);
Deve ter função de reload vinculada com a paginação;
Deve ter status null (resposta de busca vazia).