Front-end Engineer no Guiabolso

Por favor, leia cada parágrafo atentamente. Todos são importantes

Aqui no Guiabolso trabalhamos em times. Nosso time é multidisciplinar, com foco no produto e na evolução tecnológica dos nossos sistemas.

Em um ambiente descontraído, prezamos pela qualidade e participação ativa dos desenvolvedores na construção da nossa plataforma. Temos um carinho especial pelo usuário, direcionando nossas decisões pela experiência e fazendo constantes ajustes para alinhar os nossos sistemas com as necessidades do mercado.

Hoje trabalhamos com alguns grandes produtos:

• Controle financeiro: uma ferramenta para gerenciamento de finanças pessoais, em um aplicativo, que se integra automaticamente com sua conta bancária (use e veja ;));
• Crédito pessoal: canais de aquisição para crédito pessoal, com foco em ajudar o nosso usuário a sair daquela situação chata com o cartão ou o cheque especial.

No Front-end nós temos os canais web, plataforma e websites que utilizamos para divulgar conteúdo, aquisição de novos usuários e manutenção de algumas informações. Discutimos constantemente as tecnologias que usamos e como melhorar a experiência para os nossos usuários e clientes, bem como um trabalho muito próximo com a equipe de design e produto.

Gostou de tudo que está aí em cima? Então vem pra cá!!!

Você quer trabalhar no Guiabolso? Vamos te ajudar!

Para você, front-end engineer (que é um desenvolvedor de software e não picador de PSD), daremos o caminho das pedras.

Temos um processo seletivo que é dividido em algumas etapas.

• O desafio técnico (descrito nesse repositório);
• Uma conversa com nossa master blaster equipe técnica, pra fazer um fit cultural;
• Conversa com o RH;

Qual o tal desafio técnico?

Estamos procurando profissionais que estejam bem familiarizados com a stack que estamos utilizando. Então, nossa proposta é a seguinte:

• Voce deve desenvolver uma aplicação web (Web App) que consuma a API do ChuckNorris.io;
• Essa aplicação deve ser imaginada como um primeiro passo para algo que será maior
• A aplicação deve ter uma página inicial com a lista de categorias (uma listagem mesmo, consumindo da API);
• Quando clicar em uma categoria, carregar o conteúdo vindo da API. Ex.: Categoria science
• Ao carregar uma piada, ter um botão carregar outra para ver outro conteúdo da mesma categoria

Quais são os requisitos?

Para tanto você deverá construir uma aplicação com:

• React;

• Redux;

• ou Mobx;

• ou Hooks com Context

Você pode utilizar um boilerplate para inicializar o webapp.

PS. lembre-se, este é um desafio de front. O resultado, qualidade e apresentação também serão levados em conta. Se quiser, use um framework, mas não esqueça que a primeira impressão conta.

Como entrego?

Você nos envia um e-mail para frontmonstrao[arroba]guiabolso[ponto]com[ponto]br contendo:

• Seu nome completo;

• Seu telefone para contato;

• Seu LinkedIn (se tiver);

• Observações e comentários sobre o seu código que sejam interessantes apontar;

• Onde você achou esse repositório ("Fulaninho me indicou", "Vi no grupo X", "Tive um sonho consciente...", etc);

Com GIT

Cuide do repositório que vai mandar. Crie um readme.md, dê um nome semântico, zele pelo conteúdo que vai entregar. Lembre-se, esse desafio é um resumo de como você trabalha.

• URL do repositório;
• URL para o GH-Pages com uma versão compilada da sua aplicação;

Mas eu estou empregado e não posso deixar isso público ou não vou usar github :(

É importante ter uma versão publicada, portanto, se não se sentir confortável com o github (que é 100% público) você pode utlizar o gitlab, bitbucket ou até mesmo o heroku. Se não puder abrir o código fonte em um repositório, nos envie compactado e sem o node_modules

Com CodeSandbox

Caso queira criar e editar seu teste em qualquer lugar, você pode usar uma plataforma remota como o CodeSandbox.

• Entre com o seu GitHub
• Crie uma aplicação React
• Instale as dependências
• Envie a URL do seu sandbox para nós.

Pontos de avaliação

Veja, esse teste, além de um desafio, é uma forma de explorar e expressar sua desenvoltura com a plataforma frontend. O foco da avaliação é a sua familiaridade com o desenvolvimenteo React e gerenciamento de estado, lembrando que há um caráter seletivo.

Nesse sentido, alguns pontos que devem ser observados:

• Estética é ponto de vista. Seja consistente e se estilo não for seu forte, use um template ou um framework.
• Provavelmente, nossa primeira experiência com seu resultado vai ser através de um celular. Use um layout pensando nisso.
• Como você organiza seus arquivos, métodos, nomeia variáveis, lida com o seu código como um todo são outros pontos observados. Seja cuidadoso, utilize boas práticas e padrões.
• Seja consistente. Se escolher estilo inline, siga até o final, assim como se usar sass, use os recursos dele. Não se acanhe em usar um boilerplate pra facilitar a configuração das coisas.
• Siga as boas práticas do React e da ferramenta escolhida, bem como respeite as boas práticas do javascript (um linter pode te ajudar).
• Codifique como você gostaria de trabalhar.
• Leia todo o desafio, 3 vezes, até o final e escreva "GELÉIA" no final do seu e-mail de entrega.

O que provavelmente vamos olhar

• Organização de pastas
• Imports no package.json
• Nome dos componentes e responsabilidades
• Uso das ferramentas de gerenciamento de estado
• Separação de responsabilidades
• HTML e boas práticas
• CSS e boas práticas

Vamos ler seu código, apreciar o resultado, olhar, testar. Invista o tempo necessário para fazer um desafio que demonstre o resumo das suas capacidades técnicas. Faça com carinho.

Obrigado e boa sorte!

Licença

Este repositório, texto, códigos e forks estão licenciados com uma Licença Creative Commons Atribuição 3.0 Brasil.

As imagens e o nome Guiabolso são de propriedade do Guiabolso. Todos os direitos reservados (c) 2017.