Loja virtual de roupas premium urbana — front-end 100% estático, sem back-end.
Wall Seventy é uma loja virtual completa construída apenas com HTML, CSS e JavaScript puro, sem nenhum framework e sem back-end. O objetivo do projeto foi provar que dá para construir uma experiência de e-commerce completa — catálogo, filtros, carrinho, checkout e responsividade — usando só o essencial da web, e deixando a base pronta para evoluir com uma camada de pagamento real.
Este projeto foi criado para meu portfólio, com foco em:
- Organização de código e arquitetura simples de manter
- Boas práticas de UI/UX (responsividade, feedback visual, microinterações)
- Simulação realista de um fluxo de compra completo
- 🛍️ Catálogo de produtos com categorias (camisetas, calças, jaquetas, tênis)
- 🛒 Carrinho de compras com painel lateral, contador e controle de quantidade
- 💳 Checkout com resumo de pedido e confirmação
- 📱 Totalmente responsivo (mobile, tablet e desktop)
- 🎨 Interface moderna, com animações e transições suaves
- ⭐ Seções de destaques, depoimentos e FAQ
| Tecnologia | Uso |
|---|---|
| HTML5 | Estrutura semântica da página |
| CSS3 | Estilização, layout responsivo e animações |
| JavaScript | Lógica do carrinho, filtros, checkout e interações |
| Git & GitHub | Versionamento |
| GitHub Pages | Hospedagem e deploy |
Todos os produtos (nome, descrição, preço, categoria e imagem) ficam centralizados no script.js, o que torna a edição do catálogo simples e rápida — sem precisar mexer no HTML.
Não é necessário instalar nada. Basta clonar o repositório e abrir o arquivo index.html no navegador:
git clone https://github.com/wallace-2105/wall-saventy.git
cd wall-saventyDepois é só abrir o index.html direto no navegador, ou usar uma extensão como o Live Server (VS Code) para um ambiente com recarregamento automático.
wall-saventy/
├── index.html # Estrutura das páginas e seções
├── style.css # Estilos, layout e responsividade
├── script.js # Catálogo de produtos, carrinho e checkout
└── imagens/ # Fotos dos produtos
O fluxo de compra (carrinho → checkout → confirmação) já está implementado de ponta a ponta na interface. Hoje o pedido é confirmado dentro do próprio site; o próximo passo natural do projeto é conectar esse fluxo a links de pagamento (Pix, cartão ou gateway como Mercado Pago/Stripe), o que é possível sem precisar de um back-end próprio — o botão de finalizar compra pode redirecionar direto para o link de pagamento gerado pelo provedor.
Essa é uma decisão de arquitetura consciente: manter o projeto 100% estático (fácil de hospedar de graça, sem servidor, sem custo de manutenção) enquanto ainda entrega um checkout funcional de verdade.
- Integração com link de pagamento (Pix / cartão)
- Sistema de favoritos
- Login de usuário
- Página de detalhes do produto
- Filtro por preço e tamanho
Wallace Coimbra
- GitHub: @wallace-2105
Se esse projeto te interessou, deixe uma ⭐ no repositório!