Desafio Frontend Inovação Febrafar

Teste tecnico para vaga de front-end developer

Visão geral dos item feitos

• 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
• Elementos na página, como Título, campo de busca, paginação e rótulo
• Implemente uma funcionalidade de paginação que permita navegar entre as páginas de registros
• Implemente uma funcionalidade de busca que encontre os registros por email, nome ou telefone.
• Permita que o botão "Exportar" gere um arquivo em formato Excel com os dados da tabela.

Captura de tela

Links

• URL do repositório: Repositório
• URL da solução: Teste tecnico

Meu processo

Construído com

• Marcação HTML5 semântica
• Talwind
• TypeScript
• Svelte
• SvelteKit

Criado um projeto

como criar um novo projeto sveltekit

# cria um novo projeto no diretório atual
npm create svelte@latest

# cria um novo projeto em my-app
npm create svelte@latest my-app

Desenvolvimento

Depois de criar um projeto e instalar dependências com npm install (ou pnpm install ou yarn), inicie um servidor de desenvolvimento:

npm run dev

# ou inicie o servidor e abra o aplicativo em uma nova aba do navegador
npm run dev ---open

Building

Para criar uma versão de produção do seu aplicativo:

npm run build

Scripts

Format, Lint, Check

Formatar o código (Prettier)

npm run format

Executar o Lint

npm run lint

Executar a verificação do Svelte

npm run check #or
npm run check:watch