#Para Rodar este projeto:
- Faça um clone na sua máquina
- Tenha nodeJs, reactJs, e Packager manager(npm ou yarn)
- Acesse diretorio do projeto, e instale os pacotes e dependencias(npm install/yarn install)
- Rode o projeto com npm start/yarn start
- Utilize o app
obs:Após o limite de requisições diário, a request dão retorno 403. Logo essa api Key so será válida por 10 dias a contar da data de 17/11/2019 ou até esse limite. Ou você pode gerar sua api key e utilizá como necessário.
Author: Andrew Braga
Desenvolver uma aplicação HTML5
- 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 [email protected] com o título Teste FrontEnd
- Utilizar diretrizes do Google Material Design
- Utilizar a API de busca do YouTube
- Mobile first e responsivo
- Usar framework JS (React, Angular ou frameworks relacionados)
- Cores livres, layout livre, imagens livres
- Gitflow
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.
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, like, deslike, descrição e visualizações.
Essa tela deve ter um botão para voltar, exibindo os últimos resultados da busca com a pagina em questão ativa.
- Organização do projeto
- Lógica do código
- Uso do Git
- Uso de componentização