💻 Loja de Informática

E-commerce de produtos de tecnologia e informática

Aplicação desenvolvida para simular uma loja virtual de produtos de informática, oferecendo uma interface moderna e catálogo de produtos, focado em uma boa experiência de usuário.

---

📖 Sobre o projeto

O projeto Loja de Informática é uma simulação de um e-commerce especializado em produtos de tecnologia, como notebooks, monitores, CPUs e outros periféricos.

O sistema foi construído utilizando tecnologias web nativas (Vanilla JS) para proporcionar uma navegação rápida e uma interface amigável, permitindo aos usuários visualizar produtos, detalhes e gerenciar o carrinho de compras.

---

✨ Funcionalidades

• Catálogo de produtos de informática
• Detalhes dos produtos
• Carrinho de compras (cart.html)
• Interface responsiva e moderna
• Organização visual de marcas e categorias

---

🛠️ Tecnologias

Front-End

• HTML5
• CSS3
• JavaScript (Vanilla)

Ferramentas

• Git
• GitHub
• VS Code

---

📂 Estrutura do Projeto

 ├── assets/          # Imagens, SVGs, ícones e logos
 │   ├── cpus/
 │   ├── marcas/
 │   ├── monitores/
 │   ├── new-products/
 │   ├── notebooks/
 │   └── payments/
 ├── cart.html        # Página do carrinho de compras
 ├── index.html       # Página principal (Catálogo)
 ├── style.css        # Estilos da aplicação
 ├── script.js        # Lógica de interatividade
 └── README.md

---

🚀 Como executar

# Clonar o projeto
git clone https://github.com/edsonplz/loja-informatica.git

# Entrar na pasta do projeto
cd loja-informatica

Para rodar a aplicação: Basta abrir o arquivo index.html diretamente no seu navegador, ou utilizar a extensão Live Server no VS Code para iniciar um servidor local.

---

🎯 Aprendizados

Durante o desenvolvimento deste e-commerce, foram explorados conceitos como:

• Estruturação semântica com HTML5
• Estilização avançada e layouts responsivos com CSS3
• Manipulação dinâmica da DOM para listagem de produtos
• Lógica de gerenciamento de carrinho de compras com JavaScript
• Gerenciamento e otimização de assets (imagens e ícones)

---

🔮 Melhorias futuras

• Filtros de produtos por categoria e preço
• Barra de pesquisa funcional
• Sistema de checkout e simulação de pagamento
• Tema escuro (Dark Mode)
• Integração com API de produtos real
• Banco de dados para salvar produtos e usuários

---

👨‍💻 Autor

João Edson

Desenvolvedor Front-End | React • TypeScript • Spring Boot

LinkedIn

Portfólio

---

⭐ Se este projeto foi útil, deixe uma estrela no repositório.