Skip to content

Instantly share code, notes, and snippets.

@eduardoleal
Last active February 18, 2021 15:21
Show Gist options
  • Save eduardoleal/2eb8011e0914d5f8c9a421e8552018b4 to your computer and use it in GitHub Desktop.
Save eduardoleal/2eb8011e0914d5f8c9a421e8552018b4 to your computer and use it in GitHub Desktop.
Veek Front-end Test

Instruções

  • Criar um projeto e implementar um formulário de busca do Google.

  • Preferencialmente utilizar: React, Redux, NextJs.

  • A cada pesquisa o valor da pesquisado deve ser persistido no store do Redux, em um array, com o histórico de pesquisas feitas. O array deve ser ordenado de forma decrescente de acordo com a data de inserção.

ex:

searchList: [
 { search: 'Como programar com JS?', date: "Thu Feb 18 2021 11:50:06 GMT-0300 (Brasilia Standard Time)"},
 { search: 'Como converter number para string com JS?', date: "Thu Feb 18 2021 11:49:06 GMT-0300 (Brasilia Standard Time)"},
]
  • Garanta que a cada interação o endpoint POST /search seja sinalizado com uma nova requisição.

  • O único botão do layout que deve ter funcionalidade é o de pesquisa, os outros botões e links servirão só para composição visual.

  • Não precisa ter autocomplete.

  • Não precisa reproduzir o "Instant Search", os dados só deveram ser persistidos caso haja um click no botão de busca.

  • Disponibilize o projeto no github.

Obs: o endpoint /search apenas responde com 200 sem conteúdo, sinalizando que o dado foi recebido e não há necessidade de tratar o body do retorno.

Pontos a serem avaliados

  • Capacidade de configuração das ferramentas: NextJS, React e Redux
  • Utilização e estruturação dos dados com Redux
  • Reprodução do layout sugerido (semântica, responsividade)

API

@eduardoleal
Copy link
Author

Screen Shot 2021-02-18 at 11 58 19

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