Teste Técnico Frontend

Woop Sicredi

CSS, React, Angular

Porto Alegre - Brasil

Bancos

A sicredi é a primeira instituição financeira cooperativa do Brasil. Nosso modelo de negócio constrói uma cadeia de valor que beneficia o associado, a cooperativa e a comunidade local.

Sobre o Teste

Para o desafio técnico, as tecnologias que deverão ser utilizadas são: Stencil, React, Angular 6+ ou Web Components para o desenvolvimento da aplicação. A aplicação deve conter uma página de login, uma página de lista de dragões com opção de remoção e alteração das informações dos dragões, uma página com os detalhes de um dragão específico e uma página para cadastro de dragões. Será avaliada a organização do código, a componentização das páginas, a interface organizada e amigável, e o uso adequado do CSS/SASS/LESS, não sendo permitido o uso de bibliotecas de estilos como Bootstrap ou Material Design. A API a ser utilizada possui endpoints para obter a lista de dragões, detalhes de um dragão, criar um dragão, editar um dragão e deletar um dragão.

Instruções do Teste

Seja bem vindo! Obrigado pelo interesse em participar do nosso processo seletivo.

Leia atentamente as instruções abaixo e não hesite em entrar em contato com a gente :).

Objetivo Criar uma aplicação que contenha​:

Página de login:

Única página disponível se não estiver logado; Criar um usuário básico para acesso. Uma página de lista de dragões:

Os nomes devem estar em ordem alfabética; A partir da lista, deverá ser possível remover e alterar as informações dos dragões. Uma página com os detalhes de um dragão específico:

Os seguintes dados devem ser apresentados na página:

Data de criação; Nome; Tipo. Uma página para cadastro de dragões:

Regras:

Layout responsivo; Utilizar Stencil, React, Angular 6+ ou Web Components; Usar um sistema de controle de versão para entregar o teste (Github, Bitbucket, ...). O que será avaliado:

Organização do código; Componentização das páginas; Interface organizada e amigável; Uso adequado do css/sass/less. NÃO é permitido usar bibliotecas de estilos como: bootstrap, material design, etc. API http://5c4b2a47aa8ee500142b4887.mockapi.io/api/v1/dragon

GET .../api/v1/dragon lista de dragões

GET .../api/v1/dragon/:id detalhes de um draão

POST .../api/v1/dragon criação de um dragão

PUT .../api/v1/dragon/:id edição de um dragão

DELETE .../api/v1/dragon/:id deleção de um dragão

Bom teste!