Teste iCasei: Front-End Pleno

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 frontend@icasei.com.br com o título Teste FrontEnd Pleno

Especificações tecnicas

Utilizar diretrizes do Google Material Design
Utilizar a API de busca do YouTube
Mobile first e responsivo
Usar framework JS (AngularJS, Backbone, Knockout)
Cores livres, layout livre, imagens livres
Gitflow
Testes automatizados

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.

Tela de detalhes

A partir do videoId retornado na outra chamada, deve ser feito uma chamada para https://www.googleapis.com/youtube/v3/videos?id={VIDEO_ID}&part=snippet,statistics&key={API_KEY}

A partir desse retorno, deve-se montar uma tela contendo embed do video, título, descrição e visualizações.

Essa tela deve ter um botão para voltar para resultados da busca.

O que será avaliado?

Organização do projeto
Lógica do código
Uso do Git
Testes automatizados