Skip to main content
  1. All Posts/

Ecommerce-product-page-main

eCommerce CSS

Página de produto – Site ecommerce

Descrição do projeto

Essa é a página de um produto de um site de ecommerce baseado em um desafio do site Frontend Mentor, onde o usuário pode ver a galeria de fotos, adicionar a quantidade e verificar o carrinho de compras.
Figura 1: Pagina de produtos – Desktop

Status do projeto

✅ Responsividade para Desktop finalizado ✅

🚧 Responsividade para Mobile em construção 🚧

🔨 Funcionalidades do projeto

  • Funcionalidade 1: Galeria de imagens onde voce clica nas imagens menores e elas aparecem maiores para o usuário.
  • Funcionalidade 2: Botão de adicionar a quantidade desejada (botão de mais e botão de menos).
  • Funcionalidade 3: Botão que envia a quantidade para o carrinho de compras e que imediatamente é avisado com uma tag laranja em cima da imagem do carrinho.
  • Funcionalidade 4: Botão de lixeira que exclui toda a quantidade que antes estava no carrinho.

Vídeo 1: Responsividade Desktop

📁 Acesso ao projeto

Você pode acessar o projeto final clicando aqui: https://ecommerce-product-page-main-nu.vercel.app/

✔️ Tecnologias utilizadas

  • HTML5
  • CSS3
  • JavaScript

✔️ Pessoas desenvolvedoras do projeto


Ana Carolina Perdigão