Ficamos felizes em ter você por aqui e queremos te desejar boa sorte!
Siga as instruções com calma e não deixe de evidenciar o seu progresso, mesmo que não consiga concluir totalmente algum item.
- Ter uma Conta no Github;
- Ter uma versão do Node.js instalada, nos itens do desafio utilizamos a versão 20.9.0 (LTS).
- Faça um clone deste repositório;
- Crie um repositório privado na sua conta do Github;
- Ao final do desafio, compartilhe acessos ao repositório com @giordanna e @leonavas.
O objetivo do desafio é transformar a lista em formato JSON deste projeto em uma página construída em Sveltekit, utilizando TailwindCSS para estilização.
Para iniciar o projeto, execute o comando:
npm install
npm run devAcesse http://localhost:5173/ para visualizar a página.
Ajuste tudo que achar necessário dentro de app.html para garantir que a página possua um bom funcionamento em qualquer dispositivo, assumindo que será acessada sempre do Brasil.
construa uma página que possua a listagem no formato de tabela com as seguintes colunas:
Nome (com email abaixo) | Telefone | Cargo | Departamento | Último acesso
A listagem deve parecer com a imagem abaixo:
Utilize os dados do arquivo people.js para popular a listagem.
Adicione outros elementos na página, como Título, campo de busca, paginação e rótulo de itens sendo exibidos, conforme imagem abaixo:
Agora vamos adicionar funcionalidades na página.
Implemente uma funcionalidade de paginação que permita navegar entre as páginas de registros, conforme os vídeos abaixo:
Implemente uma funcionalidade de busca que encontre os registros por email, nome ou telefone. O Video abaixo ilustra o comportamento esperado:
Busca retornando 0 resultados:
Permita que o botão "Exportar" gere um arquivo em formato Excel com os dados da tabela.
Ao finalizar o desafio, compartilhe o link do repositório com os usuários do github mencionados nas regras acima e envie o link do repositório para o e-mail [email protected].