• Este projeto faz parte do desafio técnico proposto pela Meraking;
• Projeto desenvolvido por Walber Rocha;

O projeto foi desenvolvido com o uso do framework Angular, versão 12. As bibliotecas de interface escolhida foi a AntDesign em conjunto com o SCSS.

• Angular 12;
• Ant Design;

• npm

  npm install npm@latest -g

• Angular

  npm install angular@cli -g

1. Clone do repositório

   git clone https://github.com/rwalber/meraking-frontend-challenger

2. Instalar pacotes NPM

   npm install

3. Rodar o projeto

   ng s

• O botão “Add New User” abre modal contendo os campos a serem inseridos para cadastro;
• O botão "Get Random Users" busca dados da API Random User para preencher a tela como exemplo de requisições e consumo de API;
• A ferramenta “Show 5 entries” altera a quantidade de elementos exibidos em tela;
• Ao digitar no campo “Search” e clicar em [Enter], é filtrado os dados da tabela por “Username”;
• Ao clicar nas coluna, deve ordenar pela coluna clicada;
• Ao clicar na action “Visualizar”, é exibir o modal com as informações do registro e com os campos desabilitados;
• Ao clicar em na action “Editar”, é exibido o modal com as informações do registro e com os campos habilitados;
• Ao clicar em na action “Apagar”, o registro selecionado é removido;

Walber Rocha - [email protected]