Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save c80609a/7f20f832fa5457f860638496d55259fa to your computer and use it in GitHub Desktop.
Save c80609a/7f20f832fa5457f860638496d55259fa to your computer and use it in GitHub Desktop.
Teste Prático de Desenvolvimento Front-End Inspetor

Teste Prático de Desenvolvimento Front-End Inspetor

Estruturar e Integrar

Utilizando a API TVMaze, você deverá estruturar uma aplicação para basicamente 2 funcionalidades:

  • Exibir uma lista de Séries de TV;
  • Detalhar uma Série selecionada;

Documentação da API: http://www.tvmaze.com/api

1. Fonte da Informação

O termo de busca pode ser fixo e escolhido por você.

Exemplo de URL/Chamada: http://api.tvmaze.com/search/shows?q=robot

q = query (termo utilizado na busca)

2. Rota Inicial: Lista

A lista consiste nos resultados da busca e deve conter as seguintes informações para cada item*:

  • Título da Série
  • Gênero
  • Pôster

3. Rota de Detalhes

Ao clicar em alguma Série da lista, a aplicação deverá transicionar para uma nova rota, a de detalhes da Série, com as seguintes informações:

  • Pôster
  • Título
  • Gênero
  • Sinopse
  • Data de lançamento

4. Opcionais

  • Colocar um campo de texto para mudar o termo de pesquisa e atualizar a lista
  • Possibilidade de favoritar uma Série. (não é necessário ter uma rota para Séries favoritas, só é preciso que a aplicação se lembre que um programa é favorito quando ele aparecer na lista e nos detalhes. Será necessário adicionar um item no layout para mostrar que o programa é favorito)

Layout e Estilos

Livre! Você pode planejar e estilizar a sua maneira. Ou utilizar frameworks para auxiliar. Lembre-se que design responsivo e fluído são indispensáveis nos dias de hoje.

Tecnologia

  • Você tem liberdade de escolher as tecnologias/frameworks a serem executadas
  • Se tiver familiaridade com typescript, React, favor utilizá-las já que são tecnologias iniciais de nossa preferencia

Quesitos Considerados

  • Organização Estrutural;
  • Práticas de Desenvolvimento;
  • Coesão de Código (nomenclatura de variáveis, por exemplo);
  • Escrita;
  • Navegabilidade;
  • Visual;
  • Design Responsivo;

Dúvidas

Demonstrar interesse é algo fundamental. Esteja a vontade para tirar dúvidas e não se importe com o nível delas.

Submissão

Após finalizado, você deve criar um repositório público no seu perfil do GitHub e nos enviar o link. A avaliação será feita a partir do momento de recebimento do link.

Bom código e boa sorte

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment