frontend-simple-test

Teste para avaliação técnica de front-end.

ORIENTAÇÕES:

Criar um repositório privado no GitHub e ao concluir, adicionar @baesso como colaborador do seu projeto para avaliação.

OBJETIVO:

Desenvolver uma aplicação que permita ao usuário visualizar uma lista de dados e ao buscar por algum valor retorne os que se aproximem da correspondência do valor informado.

REQUISITOS FUNCIONAIS:

Possuir uma visualização em lista ou tabela dos dados obtidos da API de sua escolha.
Possuir uma busca que filtre os items exibidos em sua lista ou tabela, de acordo com o valor fornecido (digitado) pelo usuário.
O layout (interface) deve ser responsivo, ou seja utilizável em telas com orientação horizontal e vertical.

REQUISITOS TÉCNICOS:

Documentação clara e bem organizada, com uma sequência de instruções para executar a aplicação.
Utilizar um framework/library de sua escolha, que seja SPA (single-page application).
Utilizar ao menos um componente na aplicação.
Utilizar um pré-processador de CSS.
Implementar testes unitários.
Consumir dados de uma API de sua escolha, que seja REST (representational state transfer) ou em GraphQL e tenha um array de objetos com ao menos dois atributos.

Exemplo: 
[
  {
    "name": "Fulano",
    "age": 23
  }
]

PONTOS DE AVALIAÇÃO:

Lógica de resolução do problema proposto.
Conhecimentos de Javascript, CSS e HTML.
Semântica e organização do código (Utilização de boas práticas).
Domínio de desenvolvimento com framework/library SPA (Single-page application).
Conhecimento em consumo de API (Application programming interface).
Implementação de testes unitários (Consistência e qualidade).
Utilização e necessidade de dependências no projeto.

SUGESTÕES:

Framework/library SPA:

Pré-processadores de CSS:

API para consumo:

Testes unitários:

About

Front-end development test.