Um e-commerce moderno, responsivo e com sistema de autenticação para quem ama cuidar dos seus pets!
O LuckPet é um e-commerce desenvolvido com foco em experiência do usuário, design responsivo e funcionalidades avançadas. Possui sistema de autenticação, carrinho de compras, favoritos e um programa exclusivo de fidelidade com LuckCoins.
💡 Navegação intuitiva, categorias bem definidas e um sistema de recompensas tornam o LuckPet a escolha perfeita para donos de pets.
- Cadastro com confirmação de email via Supabase Auth
- Login seguro com validação de senha
- Avatar personalizado (cachorro, gato, coelho, pássaro)
- Redirecionamento inteligente após confirmação de email
- Categorias organizadas: Saúde Pet, Moda Pet, Nutrição, Curiosidades, Serviços
- Cards interativos com efeitos de hover animados
- Busca inteligente com sugestões em tempo real
- Filtros por tipo de produto e categoria
- Carrinho de compras persistente
- Lista de favoritos personalizada
- Contadores dinâmicos em tempo real
- Sistema de créditos LuckCoins (1 LuckCoin = R$ 1,00 de desconto)
- 50 LuckCoins gratuitos para novos usuários
- Uso flexível dos créditos em qualquer compra
- Acumulação progressiva conforme as compras
- Design 100% responsivo (mobile, tablet, desktop)
- Animações suaves e feedback visual
- Modais interativos para carrinho e favoritos
- Navegação por abas intuitiva
Acesse agora em:
- 🔗 Vercel
| Tecnologia | Descrição |
|---|---|
 HTML5 |
Estrutura semântica e acessível |
 CSS3 |
Estilização moderna com variáveis CSS e animações |
 JavaScript |
Lógica e interatividade avançada |
| Autenticação e banco de dados em tempo real | |
 Font Awesome |
Ícones e elementos visuais |
# Clone o repositório
git clone https://github.com/PabloG-7/ecommerce-luckpet.git
# Acesse a pasta do projeto
cd ecommerce-luckpet
# Instale as dependências (se necessário)
# O projeto funciona perfeitamente sem build steps
# Abra o arquivo principal
open index.html # macOS
start index.html # Windows
xdg-open index.html # Linuxecommerce-luckpet/
├── index.html # Página principal
├── style.css # Estilos principais
├── script.js # Lógica da aplicação
├── formulario/
│ ├── login.html # Página de login/cadastro
│ ├── auth.css # Estilos de autenticação
│ ├── auth.js # Lógica de autenticação
│ ├── auth-manager.js # Gerenciador de sessão
│ └── confirmacao-email.html # Página de confirmação
├── img/ # Imagens e assets
└── pagamento.html # Página de checkout
- Acesso Inicial: Usuário navega pela vitrine sem autenticação
- Cadastro: Cria conta com email, senha e escolhe avatar
- Confirmação: Recebe email e confirma cadastro
- Login: Retorna manualmente para fazer login
- Benefícios: Recebe 50 LuckCoins de boas-vindas
- Compra: Adiciona produtos ao carrinho e usa créditos
- Fidelidade: Continua comprando para ganhar mais LuckCoins
- Validação de força de senha em tempo real
- Redirecionamento personalizado pós-confirmação
- Sincronização de sessão entre abas/dispositivos
- Logout seguro com limpeza de dados locais
- LocalStorage para carrinho e favoritos
- Sessão persistente com Supabase Auth
- Sincronização em tempo real entre componentes
- Carregamento lazy de imagens
- Animações CSS otimizadas
- Cache inteligente de recursos
Contribuições são sempre bem-vindas! Para contribuir:
- Fork o projeto
- Crie uma branch para sua feature:
git checkout -b feature/AmazingFeature
- Commit suas mudanças:
git commit -m 'Add some AmazingFeature' - Push para a branch:
git push origin feature/AmazingFeature
- Abra um Pull Request