🛒 LabEcommerce

labecommerce-video.mp4

---

Índice

• Descrição
• Como acessar o projeto
• Tecnologias utilizadas
• Como baixar o projeto

---

🖋 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

• Link do surge

🚀 Tecnologias utilizadas

O projeto foi desenvolvido usando as seguintes tecnologias:

• React.js
• Styled-Components

💾 Como baixar o projeto

Primeiro instale o Git, Node.jS + npm bash

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 🤝