Olá! Seja bem vindo ao teste de Vue.js, vamos juntos desenvolver alguns items do projeto:
-
Mostrar o ID do usuário no card
Com base na imagem dentro do projeto './design/layout.png' mostrar o id no card de usuário e usar estilos para chegar o mais proximo possível do layout
-
Limitar a lista a apenas 100 elementos
Temos uma lista de 1k itens, devemos renderizar apenas 100 elementos exibidos, mas se atente ao fato de que precisaremos aplicar filtros e função de deletar posteriormente considerando o conjunto todo e não só o exibido.
-
Implementar ordenação por Id
Botão de ordenação por id, que deve usar o conjunto todo para ordenar.
-
Implementar ordenação por Nome
Botão de ordenação por nome, que deve usar o conjunto todo para ordenar.
-
Implementar botão de remoção
Botão que remove o primeiro item da lista que está sendo exibida, é importante lembrar que temos uma lista total de 1000 items, então ao excluir um ainda seremos capases de mostrar 100.
- O botão precisa poder deletar mais de uma vez e em qualquer ordenação.
- Uma vez deletado, o item não deve voltar a ser exibido, mesmo que se mude a ordem.
É importante que não haja conflito entre as funcionalidades, vamos seguir a implementação na ordem proposta.
npm install
npm run serve