Olá! Somos a Cadastra, uma Next-Gen Company que oferece soluções globais em marketing, tecnologia, estratégia de negócios, commerce, dados e analytics. Este desafio é voltado para o nosso Centro de Excelência (COE) de Commerce, especializado em implantação, migração, evolução e otimização de e-commerce. Contamos com escritórios em 5 países, mas num formato de trabalho 100% home office.

Estamos em busca de Pessoas Desenvolvedoras Front-end, com sólidos conhecimentos em HTML, CSS e TS para projetar interfaces e entregar a melhor experiência para os consumidores visando sempre a otimização do código e agilidade no desenvolvimento.

• Html5, css3;
• Javascript/Typescript;
• Consumo de APIs.
• Versionamento Git;
• Grunt/gulp;
• Sass/less;
• Nodejs
• Sites responsivos;
• Iniciativa, criatividade e colaboração;
• Boas práticas: reutilização de código, semântica, organização, performance.

• Experiência com algum CMS
• Conhecimento/Experiência em Vtex
• Nodejs

• Crie um fork desse projeto;
• No seu fork, codifique o layout seguindo as instruções abaixo;
• Atualize o readme com as instruções necessárias para rodar o seu código;
• Adicione também seu e-mail de contato ao readme do projeto ( caso seu e-mail do github esteja privado )
• envie para [email protected]

obs.: link do projeto github.com/Cadastra-Next-Gen-Company/desenvolvedor-cadastra

O layout se encontra no figma.

O projeto possui um setup pronto no qual há a necessidade de possuir o nodejs instalado na versão 14 ou superior.

Para instalar as dependências só é preciso executar o comando: npm install

O dar start no server e nos processos para desenvolvimento é necessário rodar o comando: npm start

Uma ver que o comando é dado ele irá levantar 2 servidores, sendo eles:

• um para acessar o front-end que roda na porta 3000. No qual pode ser acessado pela url: http://localhost:3000
• um para o json-server que irá export uma api com a lista de produtos que roda na porta 5000. Para acessar os produtos é na url: http://localhost:5000/products

O objetivo desse desafio é avaliar a seus conhecimentos fundamentais de front end, por isso pedimos que não utilize nenhum framework, porem caso deseje utilizar frameworks como react, é possível adicionar ao setup.

• HTML5 e CSS3
• Typescript
• Requisição a API para obter os produtos
• Funcionalidade: Filtrar produtos por cor, tamanho e preço.
• Funcionalidade: Adicionar produto ao carrinho.
• Funcionalidade: Carregar mais produtos.
• Não utilizar Bootstrap, Foundation Css, Semantic ui ou semelhantes ;
• Responsividade

• Typescript com clean code
• Adição de processo no gulp para otimizar imagens

• Não utilizei nenhum framework ou biblioteca, apenas typescript, scss como ja estava no fork.

• Como tive algumas dificuldades de internet devido as fortes chuvas no Rio de janeiro, alguns detalhes deixei passar por esses problemas tecnicos, espero que compreendam.

• Para rodar o projeto pelo padrão mesmo:

npm install

npm start

npm gulp

• Ou se preferir pode usar o yarn.

yarn start e yarn gulp