{"id":20068433,"url":"https://github.com/guiabolso/seja-um-guia-front","last_synced_at":"2025-03-02T11:21:30.089Z","repository":{"id":114253637,"uuid":"88656972","full_name":"GuiaBolso/seja-um-guia-front","owner":"GuiaBolso","description":"Instruções e detalhes sobre ser um Frontend Engineer no Guiabolso","archived":false,"fork":false,"pushed_at":"2020-08-20T19:26:41.000Z","size":24,"stargazers_count":41,"open_issues_count":0,"forks_count":9,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-01-12T23:30:44.913Z","etag":null,"topics":["ads","developer","engineer","front-end","frontend","guiabolso","hire","job","jobs","recruiting","recruitment","test"],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/GuiaBolso.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-04-18T18:22:28.000Z","updated_at":"2023-09-05T10:55:29.000Z","dependencies_parsed_at":null,"dependency_job_id":"e5f4b91c-f237-4f02-b170-73aa3793febf","html_url":"https://github.com/GuiaBolso/seja-um-guia-front","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuiaBolso%2Fseja-um-guia-front","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuiaBolso%2Fseja-um-guia-front/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuiaBolso%2Fseja-um-guia-front/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/GuiaBolso%2Fseja-um-guia-front/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/GuiaBolso","download_url":"https://codeload.github.com/GuiaBolso/seja-um-guia-front/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241495334,"owners_count":19972076,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ads","developer","engineer","front-end","frontend","guiabolso","hire","job","jobs","recruiting","recruitment","test"],"created_at":"2024-11-13T14:06:56.889Z","updated_at":"2025-03-02T11:21:30.082Z","avatar_url":"https://github.com/GuiaBolso.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Front-end Engineer no [Guiabolso](https://www.guiabolso.com.br)\n\n**Por favor, leia cada parágrafo atentamente. Todos são importantes**\n\nAqui no [Guiabolso](https://www.guiabolso.com.br) trabalhamos em times. Nosso time é multidisciplinar, com foco no produto e na evolução tecnológica dos nossos sistemas. \n\nEm 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.\n\nHoje trabalhamos com alguns grandes produtos:\n\n- **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 **;)**);\n- **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.\n\nNo 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.\n\n### Gostou de tudo que está aí em cima? Então vem pra cá!!!\n\nVocê quer trabalhar no Guiabolso? Vamos te ajudar!\n\nPara você, **front-end engineer** (que é um desenvolvedor de software e **não picador de PSD**), daremos o caminho das pedras.\n\nTemos um processo seletivo que é dividido em algumas etapas. \n\n- O desafio técnico (descrito nesse repositório);\n- Uma conversa com nossa **master blaster equipe técnica**, pra fazer um fit cultural;\n- Conversa com o RH;\n\n### Qual o tal desafio técnico?\n\nEstamos procurando profissionais que estejam bem familiarizados com a stack que estamos utilizando. Então, nossa proposta é a seguinte:\n\n- Voce deve desenvolver uma **aplicação web** (Web App) que consuma a API do [ChuckNorris.io](https://api.chucknorris.io/);\n- Essa aplicação deve ser imaginada como um primeiro passo para **algo que será maior**\n- A aplicação deve ter uma **página inicial** com a [**lista de categorias**](https://api.chucknorris.io/jokes/categories) (uma listagem mesmo, consumindo da API);\n- Quando clicar em uma categoria, carregar o conteúdo vindo da API. Ex.: [Categoria `science`](https://api.chucknorris.io/jokes/random?category=science)\n- Ao carregar uma piada, ter um botão **carregar outra** para ver outro conteúdo da mesma categoria\n\n### Quais são os requisitos?\n\nPara tanto você deverá construir uma aplicação com:\n\n- [React](https://facebook.github.io/react/);\n\n- [Redux](http://redux.js.org/);\n- ou [Mobx](https://mobx.js.org/);\n- ou [Hooks com Context](https://pt-br.reactjs.org/docs/hooks-reference.html)\n\nVocê pode utilizar um **boilerplate** para inicializar o webapp.\n\n**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.**\n\n### Como entrego?\n\nVocê nos envia um e-mail para **frontmonstrao[arroba]guiabolso[ponto]com[ponto]br** contendo:\n\n- Seu **nome completo**;\n- Seu **telefone** para contato;\n- Seu **LinkedIn** (se tiver);\n\n- **Observações e comentário**s sobre o seu código que sejam interessantes apontar;\n- **Onde você achou** esse repositório (\"Fulaninho me indicou\", \"Vi no grupo X\", \"Tive um sonho consciente...\", etc);\n\n#### Com GIT\n\nCuide 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.\n\n- URL do **repositório**;\n- URL para o [**GH-Pages**](https://pages.github.com/) com uma versão **compilada** da sua aplicação;\n\n**Mas eu estou empregado e não posso deixar isso público ou não vou usar github :(**\n\nÉ 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](https://about.gitlab.com/), [bitbucket](https://bitbucket.org/) ou até mesmo o [heroku](https://www.heroku.com/). Se não puder abrir o código fonte em um repositório, nos envie **compactado** e sem o **node_modules**\n\n#### Com [CodeSandbox](https://codesandbox.io)\n\nCaso queira criar e editar seu teste em qualquer lugar, você pode usar uma plataforma remota como o CodeSandbox.\n\n- Entre com o seu GitHub\n- Crie uma aplicação React\n- Instale as dependências\n- Envie a URL do seu sandbox para nós.\n\n### Pontos de avaliação\n\nVeja, 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. \n\nNesse sentido, alguns pontos que devem ser observados:\n\n- Estética é ponto de vista. Seja consistente e se estilo não for seu forte, use um template ou um framework.\n- Provavelmente, nossa primeira experiência com seu resultado vai ser através de um celular. Use um layout pensando nisso.\n- 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.\n- 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.\n- 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).\n- Codifique como você gostaria de trabalhar.\n- **Leia todo o desafio, 3 vezes, até o final e escreva \"GELÉIA\" no final do seu e-mail de entrega.**\n\n### O que provavelmente vamos olhar\n\n- Organização de `pastas`\n- Imports no `package.json`\n- `Nome dos componentes` e responsabilidades\n- Uso das ferramentas de `gerenciamento de estado`\n- Separação de responsabilidades\n- `HTML` e boas práticas\n- `CSS` e boas práticas\n\nVamos 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.\n\nObrigado e boa sorte!\n\n## Licença\n\n\u003ca rel=\"license\" href=\"http://creativecommons.org/licenses/by/3.0/br/\"\u003e\u003cimg alt=\"Licença Creative Commons\" style=\"border-width:0\" src=\"https://i.creativecommons.org/l/by/3.0/br/88x31.png\" /\u003e\u003c/a\u003e\u003cbr /\u003eEste repositório, texto, códigos e forks estão licenciados com uma Licença \u003ca rel=\"license\" href=\"http://creativecommons.org/licenses/by/3.0/br/\"\u003eCreative Commons Atribuição 3.0 Brasil\u003c/a\u003e.\n\nAs imagens e o nome **Guiabolso** são de propriedade do Guiabolso. Todos os direitos reservados **(c) 2017**.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguiabolso%2Fseja-um-guia-front","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguiabolso%2Fseja-um-guia-front","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguiabolso%2Fseja-um-guia-front/lists"}