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.
  • 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;
    • Ordem crescente e decrescente.

Acesse o site clicando aqui

Imagens: