hzozimo / front-basic

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Front-end - Avalição Squid

Proposta

Criar uma página HTML utilizando de ponto de partida esse repositório. Depois, utilizando Javascript pegar os dados do JSON da requisição (GET) - https://us-central1-squid-apis.cloudfunctions.net/test-front-basic. Liste o feed do Instagram da @squidapp. Utilizar de CSS para personalizar o layout como o da imagem do resultado abaixo, considerar o hover para todas as imagens (ver primeira imagem do resultado). Além do hover, cada imagem deve ter um click para o Link da imagem no instagram, abrindo em uma nova aba ao clicar. Responsividade e experiência de usuário (como loaders, tratamento de erros, animações, efeitos, etc) serão levados em consideração na avaliação. No final, subir o código em um repositório público no seu próprio GitHub e mandar o link para o avaliador.

Bonus

Utilizar o framework da Squid para construção do layout SQUID CSS

Problemas e Duvidas

Caso trenha algum problema com endpoint, ou alguma duvida sobre o teste abra uma Issue nesse repositório, não precisa entrar em contato com o seu recrutador!

Resultado Final

Resultado

About


Languages

Language:HTML 69.7%Language:JavaScript 24.5%Language:CSS 5.9%