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:

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.

GuiaBolso / seja-um-guia-front