🛒️ LabEcommerce

labecommerce-video.mp4

Índice


🖋 Descrição do projeto

O Projeto LabEcommerce foi passado aos alunos do Bootcamp da Escola de Programação Labenu para simular uma proposta de trabalho a ser cumprida em grupo e para treinar as habilidades adquiridas em React.js: Manipulações de Array no Estado, Props e Componentes.

Um e-commerce que deverá conter 3 partes:

Home

  • Mostrando todos os produtos;
  • Deve haver alguma forma de ordenar os produtos por ordem crescente ou decrescente de preço (pode ser na home em si ou junto dos filtros);

Produtos

  • Devem ter um botão que permita adicioná-los ao carrinho;
  • Devem exibir o nome, preço e imagem em um card;

Carrinho

  • Mostrar todos os produtos e quantidades adicionadas;
  • Capacidade de remover itens do carrinho;
  • Mostrar o valor total do carrinho;

Filtro

  • Por valor mínimo e máximo;
  • Por nome do produto;

🌎 Como acessar o projeto

🚀 Tecnologias utilizadas

O projeto foi desenvolvido usando as seguintes tecnologias:

💾 Como baixar o projeto

Primeiro instale o Git, Node.jS + npm

# Clonar o repositório
git clone https://github.com/future4code/Johnson-labe-commerce3.git

# Entrar no diretório
cd labe-commerce

# Instalar as dependências
npm install

# Rodar o projeto
npm run start

Desenvolvido com 💙 por Alexandre, Helany e Ingrid 🤝