Como tecnologias para resolução do desafio eu utilizei a stack básica da web: HTML 5, CSS 3 e JavaScript. Fiz a opção de não utilizar nenhum framework tanto para a parte do CSS como para o JavaScript porque se trata de um projeto simples, e por isso eu resolvi não entrar em todas as complexidades de instalação de biblioteca, dependências e etc.
Para a organização do meu arquivo css
, eu utilizei o padrão BEM para que a aplicação de estilos fique organizada, simples de ler e também de dar manutenção.
Para o consumo da API do Youtube, eu utilizei a Fetch API que é nativa do JavaScript, pois é uma forma simples de fazer requisições HTTP sem precisar instalar dependências no projeto.
Como o projeto foi feito com JavaScript puro, para executar, basta clicar no arquivo index.html
.
Feedback do teste
Em primeiro lugar, gostaria de parabenizar as pessoas que idealizaram esse teste, pois apesar de simples, teve um objetivo usar uma API robusta e diferente do que normalmente se pede.
Particularmente, foi muito prazeroso o meu processo de desenvolvimento do teste, ainda que embora eu não tenha conseguido concluir ele por completo, pois eu não consegui exibir a lista de itens resultante da pesquisa feita pelo usuário, não consegui colocar o vídeo como embed e consumir a API do TicketMaster por não conseguir visualizar uma boa disposição das informações em tela para mostrar ao usuário.
Mas eu curti muito a realização do teste. Parabéns pela iniciativa.