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