Skip to content

lcslago/ecommerce-sneakers

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo do projeto

sneakers

Página demonstrativa e funcional de um produto e-commerce feita a partir de um desafio do Frontend Mentor. Fiz esse projeto com o intuito de pôr em prática o que aprendi recentemente usando Sass e JavaScript puro.

🔨 Funcionalidades

Seguindo as instruções do desafio, a página foi desenvolvida tanto para celulares, usando a metodologia Mobile first, quanto para desktops.

layout mobile do projeto   layout desktop do projeto

A página apresenta uma galeria funcional na descrição do produto e outra galeria lightbox ativada quando uma das imagens é ampliada. Além disso, foi implementado um carrinho de compras com todas as funções básicas de adição, atualização e remoção inclusas, e a capacidade de fazer o navegador lembrar da quantidade de itens adicionados.

galeria da seção de descrição do produto   funcionalidade do carrinho sendo demonstrada

A galeria lightbox também pode ser controlada usando as setas do teclado e pode ser fechada usando a tecla "Esc".

galeria lightbox em funcionamento

📁 Acesso

O link de acesso está na descrição.

✔️ Técnicas e tecnologias usadas

  • ECMAScript 6
  • Manipulação do DOM
  • Paradígma de orientação a eventos