monicacosta-dev / lojavirtual

Loja Virtual - Projeto para Imã Tech - em JavaScript Puro 🎯

Este é o repositório da loja virtual desenvolvida em JavaScript puro. Nesta loja, você encontrará produtos femininos, masculinos e infantis, apresentados em diferentes seções. O projeto utiliza um vetor de objetos para armazenar informações sobre cada produto, incluindo código, imagem, nome, valor e um botão de adicionar ao carrinho.

Funcionalidades 💾

1. Menu com quatro sessões: Todas os produtos, Feminina, Masculina e Infantil.
2. Cada sessão exibirá uma lista de produtos correspondentes à categoria.
3. Cada produto será apresentado com sua imagem, nome, valor e um botão "Adicionar ao Carrinho".
4. Ao clicar no botão "Adicionar ao Carrinho", o produto será adicionado ao carrinho de compras.
5. O carrinho de compras será exibido em uma tela modal e conterá a imagem, nome do produto, valor e quantidade de cada item adicionado.
6. O cliente poderá adicionar quantos produtos desejar ao carrinho, e a quantidade será refletida no modal.

Estrutura do Projeto 📁

• index.html: Página principal que exibe as seções da loja e os produtos.
• styles.css: Arquivo CSS para estilização da página.
• Bootstrap: Framework CSS para estilização da página.
• script.js: Código JavaScript responsável pela lógica da loja.
• imagens/: Pasta contendo as imagens dos produtos.

Como executar o projeto 👩‍💻

1. Clone este repositório para o seu ambiente local:

   git clone https://github.com/monicacosta-dev/lojavirtual.git
   

2. Navegue para o diretório do projeto:

   cd lojavirtual
   

3. Abra o arquivo index.html em um navegador web.

Esse projeto esta em desenvolvimento!!! 🚧