Create an E-Commerce site with React.js
Space Art
By Hellen Barbosa, Joana Dias, Mylena Savala
Objetivo do Projeto
ㅤ
A proposta era criar um site de e-Commerce com os recursos React.js usando o que aprendemos com:
- Componentização
- Styled-Components
- Manipulação de Estado
- Ciclos de vida
- Renderização Condicional
- LocalStorage
O projeto consistirá em 3 grandes partes:
ㅤ
-
Home
ㅤ- Mostrando todos os produtos;
ㅤ - Produtos:
- Devem ter um botão que permita adicioná-los ao carrinho;
- Devem exibir o nome, preço e imagem em um card.
- Mostrando todos os produtos;
-
Carrinho
ㅤ- Mostrar todos os produtos e quantidades adicionadas;
ㅤ - Capacidade de remover itens do carrinho;
ㅤ - Mostrar o valor total do carrinho.
- Mostrar todos os produtos e quantidades adicionadas;
-
Filtro
ㅤ- Por valor mínimo e máximo;
ㅤ - Por nome do produto;
ㅤ - Ordem crescente e decrescente.
- Por valor mínimo e máximo;
Acesse o site clicando aqui
Imagens: