Olá,

Este é o meu projeto para concorrer a uma vaga na Profit-e RJ. Foram utilizadas as seguintes tecnologias:

• HTML5
• CSS3 (vale lembrar que usei as media queries para deixar a página responsiva, além de abusar do flexbox)
• SASS (escolhi usar este pré-processador por causa dos nestings e dos mixins, simplificando a organização do código)
• Javascript (sem plugins)
• React/Flux (para renderizar o layout e construir a funcionalidade de adicionar os produtos ao carrinho)
• Webpack (pois este funciona muito bem em conjunto com o React, inclusive sendo recomendado como a melhor ferramenta de automação para tal)
• Adobe Photoshop CC2015 (para fatiar as imagens do layout, pegar as cores e calcular as proporções dos elementos na tela)

Para inicializar este projeto, siga os seguintes passos:

1. É preciso ter o NPM instalado em seu computador;

2. Faça o download deste repositório;

3. Abra o cmd e dê npm install para instalar os pacotes do NPM;

4. Rode o projeto digitando npm run dev no cmd;

5. Abra o seu navegador e vá até localhost:8080 para visualizar a página.

Seja um desenvolvedor na Profit-e RJ

A Profit-e é uma agência especializada em E-commerce.

Há 5 anos no mercado, atendemos clientes que estão entre os maiores e mais importantes e-commerces da America Latina: Tim, Calvin Klein, O Boticário, Avon, Plaza Vea, Bradesco e C&A.

Estamos procurando desenvolvedores que queiram participar de projetos fazem parte da vida de milhões de pessoas.

Requisitos:

• Domínio de HTML e HTML5
• CSS e pré-processadores de CSS
• Javascript e Jquery
• Performance, Usabilidade e Acessibilidade
• Controle de versões com GIT

Diferenciais

• Vtex
• React
• Espanhol fluente

Benefícios

• Vale alimentação
• Vale refeição
• Plano de saúde (% de acordo com o cargo)
• Plano odontológico
• Folga de aniversário
• Game night
• Plano de carreira
• Treinamentos internos

Como concorrer a vaga:

• Forka esse projeto;
• No seu fork, codifique o layout seguindo as instruções abaixo;
• Faça um pull request (ou envie para jonatas.ricardo@profite.com.br).

Instruções para o teste:

Link do layout

Obrigatório

• HTML5 e CSS3
• Funcionalidade de adicionar ao carrinho
• Interação com JSON para renderizar os produtos
• Não utilizar Bootstrap!

Bônus

• Javascript sem plugins e modular
• Grunt, Gulp ou similar
• Responsividade
• REACT

dúvidas: jonatas.ricardo@profite.com.br