Venha ser um desenvolvedor da Cadastra

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.

O que procuramos

Requisitos Obrigatórios

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.

Desejáveis:

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

Como se candidatar a vaga

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 vinicius.delfino@cadastra.com

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

Instruções para o teste

O layout se encontra no figma.

Dependências

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

Objetivo

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.

Obrigatório

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

Bônus

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

Dúvidas: vinicius.delfino@cadastra.com

Meu e-mail: viniciusoliveiramoraescarvalho@gmail.com

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

volicar/desenvolvedor-cadastra