Ola, somos a Agência Digital M3, uma agência voltada para ramo de comercio eletrônico, trabalhamos com implantação, migração, evolução e otmização de e-commerces. Estamos com a sede de desenvolvimento em Nova Friburgo RJ. Mas contratamos pessoas de todo o pais, visto que trabalhamos 100% home office.
R. Helena Coutinho, 41 Braunes, Nova Friburgo/RJ https://goo.gl/maps/2mWagcctnrGdtFhBA
Estamos procurando Desenvolvedores(as) Front-end, com sólidos conhecimentos em HTML, CSS e JS 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;
- Consumo de APIs.
- Versionamento Git;
- Grunt/gulp;
- Sass/less;
- 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
- Typescript
- React
- 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 )
- Faça um pull request (ou envie para heraldo@digitalm3.com.br
obs.: link do projeto github.com/agenciam3/Desenvolvedor-M3
O layout se encontra no figma e pode ser encontrado images dele em "layout".
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 dependencias 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, é possivel adicionar ao setup.
- HTML5 e CSS3
- 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
- Javascript sem plugins e modular
- Adição de processo no gulp para otimizar imagens