Fast, flexible, trustful.
Este documento tem como objetivo apresentar os pré-requisitos para a avaliação técnica do desenvolvedor full stack, com base em um layout criado por nossa equipe especificamente para esta finalidade.
A avaliação está dividida em três etapas principais:
- Desenvolvimento front-end do layout disponível neste link, assegurando máxima fidelidade em todos os navegadores mais utilizados atualmente: Chrome, Safari, Firefox e Microsoft Edge.
- Desenvolvimento das funcionalidades de cadastro e login de usuários, e uma to-do list utilizando React e Node.js. O layout não possui a interface de cadastro do usuário, mas você pode reaproveitar o layout do login como base para o processo de sign up.
- Os itens da to-do list devem estar vinculados ao login do usuário. No layout apresentamos todas as variações: quando se faz o "check" em um item, ele deve ser movido para a lista de itens realizados; a edição do texto do item pode ser feita ao clicar nele; passando o mouse pelo item deve mostrar o "delete" e, ao clicar, remove o item da lista.
- A seção "good things" é um carrossel de posts, então esperamos que seja feita a navegação horizontal dos cards.
- Implementação do envio de e-mails no formulário de contato.
Avaliaremos a qualidade do código escrito, incluindo a correta utilização de tags de acordo com sua semântica, bem como aspectos de acessibilidade seguindo as boas práticas dos padrões WCAG.
Além da semântica, consideraremos a inserção de comentários, o uso coerente de classes e IDs nas tags, e a limpeza do código, evitando redundâncias.
A entrega deve ser responsiva, ou seja, adaptada para telas grandes (desktop), médias (tablets) e pequenas (celulares). A adaptação fica a critério do desenvolvedor, não havendo indicação das alterações visuais para as telas menores no layout.
Além da correta reprodução do design, avaliaremos o código CSS em termos de performance, coerência, lógica de estruturação de componentes, uso de propriedades e compatibilidade entre os navegadores.
É imprescindível o uso da metodologia Mobile First na aplicação do design responsivo.
- Implementação funcional dos CRUDs para uma to-do list.
- Tornar a lista operacional com funcionalidades de drag-and-drop, exclusão, adição, etc.
- Implementar um sistema de login/senha para acessar a página (acesso com credenciais).
Avaliaremos as medidas adotadas para garantir uma boa performance de carregamento e renderização da página.
O prazo para entrega da avaliação é de 2 semanas.
A entrega deve incluir um link para visualizar o projeto rodando em um servidor remoto, além de um repositório para avaliação do código-fonte.
Esperamos também receber um descritivo comentando como foi o processo de desenvolvimento deste desafio, incluindo as dificuldades encontradas e as soluções adotadas.
Entre em contato conosco pelo email [email protected]