Este projeto está em desenvolvimento como uma evolução dos exercícios da lista 4 de JavaScript do curso de Front-End do SENAI.
A proposta é transformar conceitos aprendidos — como arrays, funções, condicionais e manipulação do DOM — em um mini site de e-commerce funcional com HTML, CSS e JavaScript puro.
- Consolidar o uso de JavaScript para manipular elementos da página
- Praticar conceitos como:
- Adição e remoção de itens
- Cálculo de ticket médio
- Ordenação e filtragem de dados
- Organização visual de um site
- Criar um protótipo de loja online sem frameworks
- HTML5
- CSS3
- JavaScript (puro)
- Baixe os arquivos ou clone o repositório.
- Abra
index.html
no navegador para visualizar o início do e-commerce. - Navegue até
products.html
para ver a listagem de produtos e interações.
Ecommerce-js-main/
├── index.html # Página inicial
├── products.html # Página de produtos
├── script.js # Lógica JS do site
├── style.css # Estilo visual
├── backup.html # Versão antiga ou auxiliar
└── images/ # Imagens dos produtos e ícones
├── brasao-familia-amaro.png
├── carrinho-de-compras.png
├── debit.png
├── pix.png
├── senai-165.png
└── Products/
└── camistaAmarela.png
- Adição e remoção de produtos
- Cálculo automático de valores
- Simulação de métodos de pagamento
- Carrinho com ícones visuais
- Implementar armazenamento local (localStorage)
- Responsividade e usabilidade mobile
- Melhor organização e separação de lógica por módulos
- Adicionar backend com Node.js ou Django (futuramente)
Licenciado sob a MIT License.
Desenvolvido por Estevão Amaro
GitHub: @Steve09012004