future4code/Jemison-labe-commerce1

LABECOMMERCE

E-commerce de camisetas com estampas divertidas relacionadas ao espaço

Imagens do projeto

Link do projeto

https://general-volcano.surge.sh/

Referência

• Notion do Projeto
• Documentação React

Funcionalidades

Home 🏠

• O projeto possui 6 cards de produtos contendo cada:
  • Imagem do produto
  • Nome do produto
  • Valor do produto
  • Botão que permita adicioná-los ao carrinho
  • Mostrar todos os produtos
• Ordenação
  • É possível ordenar todos os produtos por ordem crescente
  • É possível ordenar todos os produtos por ordem decrescente
  • É possível ordenar os produtos juntamente com o Filtro

Filtro 💦

• O projeto possui um filtro com as seguintes funcionalidades

  • É possível filtrar um produto por valor mínimo
  • É possível filtrar um produto por valor máximo
  • É possível filtrar um produto pelo nome do produto
  • É possível filtrar um produto com a cor do mesmo. Ex.: Azul, amarelo, etc.

Aprendizados

• Componentes Funcionais e Props
• Estados e Imutabilidade
• styled-components
• Renderização de listas
• Busca, Filtros e ordenação

Autores

@DanielSiilva

@DouglasWilliams298

@matheusqueirozds

Stacks utilizadas

Frontend

• ✅ HTML5 e CSS3
• ✅ JavaScript
• ✅ React