Solução do desafio proposto pela Agência Digital M3 para a vaga de desenvolvedor frontend junior
HTML5;
Sass;
JavaScript;
Gulp;
- 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
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.
De que coisas você precisa para instalar o software e como instalá-lo?
NodeJS instalado na versão 14 ou superior
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 😊