/Desenvolvedor-M3

Seja um desenvolvedor na Digital M3

Primary LanguageJavaScript

Preview



Sobre o projeto

Solução do desafio proposto pela Agência Digital M3 para a vaga de desenvolvedor frontend junior

🛠️ Construído com

HTML5;
Sass;
JavaScript;
Gulp;

⚙️ Funcionalidades

  • Requisição a API para obter os produtos;
  • filtrar produtos por cor, tamanho e preço;
  • adicionar produto ao carrinho;
  • remover produto do carrinho;
  • incrementar quantidade do produto no carrinho;
  • decrementar quantidade do produto no carrinho;
  • mostrar modal de aviso
  • carregar mais produtos;
  • Responsividade

🚀 Começando

Essas instruções permitirão que você obtenha uma cópia do projeto em operação na sua máquina local para fins de desenvolvimento e teste.

📋 Pré-requisitos

De que coisas você precisa para instalar o software e como instalá-lo?

NodeJS instalado na versão 14 ou superior

🔧 Instalação e Inicialização

Após ter os pré-requisitos atendidos e estar com o projeto aberto no terminal rode os seguintes comandos para inicializar o projeto

npm install
npm start

Uma vez que o comando npm start é 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á exportar uma api com a lista de produtos que roda na porta 5000. Para acessar os produtos é na url: http://localhost:5000/products

meu email: gabrielluzsantosl@gmail.com
⌨️ com ❤️ por Gabriel Luz 😊