/teste-frontend

Teste Front-end Developer

Quem somos

A Uello é uma startup voltada para simplificar uma complexa rede de logística. Fazemos entregas urbanas para clientes de qualquer tamanho. Same-day, Next-day, Logística Reversa, Ship-from-store, Entregas B2B e operações customizadas.

Tudo isso com tecnologia 100% própria com organização e escalonamento de todos os nossos sistemas.

A Vaga

Vou colocar aqui no começo da descrição pra salientar: A vaga é 100% REMOTA e pode ser aplicada de QUALQUER LUGAR DO BRASIL. Portanto não se acanhem.

Nosso time de Front-end atua, basicamente, com VueJS. A tecnologia foi escolhida por ser versátil como o React, porém com uma curva de aprendizado menor e proporcionando assim que outros devs, back-end por exemplo, possam sem muitos problemas assumir caso aconteça algo aos integrantes de front-end.

Basicamente, a vaga consiste em criar novas aplicações e manter as que ja existem, todas em VueJS.

Requisitos

  • Conhecimentos sólidos em HTML5, CSS3 e Javascript
  • Conhecimentos sólidos em responsividade
  • Domínio do VueJS e o ecosistema que o rodeia (vue-router, vuex e vuex-persist)
  • Conhecimento da biblioteca bootstrap-vue
  • Conhecimento em gerenciador de pacotes (npm e yarn)
  • Saber utilizar o eslint
  • Versionamento de código com o Git
  • Ser criativo e oferecer soluções melhores que as do techlead (sim, ouvimos todo mundo e isso é muito importante)
  • Ser proativo e se integrar bem com o time

Bônus

  • Conhecimentos em NodeJS
  • Conhecimentos em NestJS
  • Conhecimentos em ReactJS
  • Conhecimentos em Typescript
  • Conhecimentos em MongoDB
  • Conhecimentos em Twig/Blade (template engine)
  • Conhecimentos em testes unitários (@vue/test-utils) e testes de integração (Cypress)
  • Boas práticas de UX/UI

Teste

Você deve criar uma aplicação, o mais próximo possível dos layouts que estão aqui.

Pode usar o vue-cli sem problemas. Utilize bootstrap-vue se possível. Caso implemente o mapa prefira o mapbox colocando sua chave em seu env local e mapeando a env key em um arquivo .env.example, como demonstrado abaixo:

VUE_APP_MAPBOX_KEY=

Não se esqueça de inserir as demais chaves que utilizar no arquivo .env.example

Entrega do teste

Crie um repositório com seu projeto e envie o link para os seguintes emails: marcelo.cerqueira@uello.com.br, kleber.nascimento@uello.com.br.

O que será avaliado?

  • Prazo de entrega estipulado
  • Qualidade do código
  • Organização do projeto
  • Responsividade em vários dispositivos
  • Uso de gerenciamento de estado global (vuex)
  • Uso de arquivos .env
  • Componentização para reúso e separação de código dentro da aplicação.
  • README.md com o passo a passo para rodar o projeto. Caso não suba o mesmo em um plataforma, o README gerado pelo vue-cli já está de bom tamanho

Extras

  • Ter a aplicação no ar em um serviço de hospedagem como Netlify ou Vercel
  • Uso de alguma ferramenta de mapa (Mapbox, Google Maps, Here, ou outros)
  • Testes unitários (@vue/test-utils)
  • Testes de integração (cypress)

Que a força esteja com você!