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: