• Exibir mensagem informativa e botão para fazer busca dos usuários
• Fazer uma requisição de GET exibindo uma lista de usuários no endpoint de /users
• Exibir listagem de usuários
• Chamada na API deve estar em uma função isolada contendo lógica da API do next
• Chamada do click do botão deve estar no contexto e o state que armazenará os users também.
• Fazer uma requisição de POST na pagina "backendTest" para adicionar um novo usuário
• Fazer uma requisição de PUT na pagina "backendTest" para alterar o ultimo registro de usuário
• Fazer uma requisição de DELETE na pagina "backendTest" para remover o ultimo registro de usuário

• Fazer as requisições necessárias na API do next dentro do próprio projeto.
• Atente-se a qualidade do código.
• Necessário que o site seja responsivo para diversos tamanhos de telas.
  • Mobile breakpoint até 550px
  • Tablet breakpoint até 1023px
  • Desktop a partir de 1024px
• Utilizar ContextApi para armazenar states.
• Utilizar Fetch para fazer a requisição na API.
• Utilizar Styled Components para tratar HTML e CSS.
• Utilizar TypeScript.
• Utilizar regras e padrões de ESLint e/ou Prettier.
• Ter testes funcionais utilizando Jest e React Testing Library
• Utilizar fs e path para manipular o arquivo data.json.
• Retornar statusCode corretos nos endpoints
• Retornar tratativa de erros nos endpoints

Tela inicial

Carregando

Usuários Desktop

Usuários Tablet

Usuários Mobile