Um e-commerce moderno e responsivo para compra de dispositivos móveis e eletrônicos, desenvolvido com React + Vite. Este projeto faz parte da Summer Academy , uma atividade promovida pela Accenture em parceria com a UNINASSAU Boa Viagem .
Exibição dos smartphones em grade responsiva 4x3 com botões de ação
Interface do carrinho com lista de itens, quantidades e totalização
Visualização mobile do catálogo | Carrinho adaptado para dispositivos menores |
- Grade responsiva (4x3) com cards de produtos
- Detalhes por produto:
- 📸 Imagem em alta resolução
- 📱 Título
- 💵 Preço formatado (R$)
- 🛒 Botão de adição ao carrinho
- Ícone interativo no header:
- 🔢 Contador de itens
- 💰 Total acumulado
- Página dedicada do carrinho:
- 📋 Lista de itens adicionados
- ➖ Remoção individual de produtos
- 🧮 Cálculo automático do total
- 🚀 Botões de finalização/continuação
- Design minimalista e profissional
- 🖱️ Hover effects e transições suaves
- 🎯 Navegação por rotas (React Router)
- 📱 Responsividade para todos os dispositivos
- ⬆️ Botão de scroll para o topo animado
| Modelo | Preço | Destaque |
|---|---|---|
| iPhone 15 Pro Max | R$ 10.999,00 | Chip A17 Pro, 48MP |
| Galaxy S23 Ultra | R$ 6.999,00 | Câmera 200MP, S Pen |
| Xiaomi 13 Pro | R$ 5.999,00 | Parceria Leica, Snapdragon 8 Gen2 |
| Motorola Edge 40 Pro | R$ 4.299,00 | Tela OLED 144Hz |
(Lista completa no arquivo products.jsx do projeto)
- Clone o repositório
git clone https://github.com/Devaks99/TechStore-React.git