Esse teste consiste em implementar uma aplicação client-side, que consulte uma API e mostre os dados do perfil de um usuário. Esta aplicação deve funcionar nos navegadores mais recentes do mercado.
Layout de referência para o teste:
Desenvolva a página seguindo os seguintes critérios:
- Faça que sua página tenha uma ótima experiência para o usuário, independente do dispositivo que ele esteja usando;
- Você deve usar React (Redux opcionalmente) para o desenvolvimento;
- Nós adoramos teste, escreva testes para a sua aplicação;
- Crie um build do seu projeto em uma pasta chamada 'dist'.
- HTML5 e CSS3;
- React e Redux;
- Mocha para Teste unitário;
- Webpack;
- Express;
- NodeJS;
- ES6;
- Lint;
- Importante: No link original da API, o endereço da imagem está apontando para a página da imagem, não para a imagem em si, que tem um link diferente. Por isso, acabei utilizando esse mock alterado, com o link editado e apontando diretamente para a imagem correta.
-
Clone ou baixe o repositório.
-
Instalando dependências: npm install para instalar as dependências.
-
Rodando local: npm start -s
-
Rodando os teste unitários: npm run test:watch
-
Rodando a build: npm run build -s
Após inicializar o build, o projeto abrirá uma página web na porta 3000. Acesse localhost:3000 para visualizar.
-