devartes / desafio-m3

Challenge involving reproducing the layout of an e-commerce page.

Para uma rápida visualização do projeto, clique aqui:

Venha ser um desenvolvedor da Digital M3

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.

obs.: link do projeto github.com/agenciam3/Desenvolvedor-M3

Instruções para o teste

O layout se encontra no figma e pode ser encontrado images dele em "layout".

Dependencias

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

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 3000. Para acessar os produtos é na url: http://localhost:3000/products

O desafio foi feito usando Html, Css, Javascript e Scss.

Caso queira ter acesso ao conteúdo presente no json , será necessário instalar o json server:

Digite no terminal
obs.: É necessário fazer este processo dentro da pasta do projeto.

npm install -g json-server

Para iniciar o json server ,use:

json-server --watch db.json

Para saber mais sobre json server, acesse: https://www.npmjs.com/package/json-server