A modern, responsive e secure e-commerce platform for those who love taking care of their pets!
LuckPet is an e-commerce platform developed with a focus on user experience, responsive design, and advanced features. It includes an authentication system, shopping cart, favorites, and an exclusive loyalty program with LuckCoins.
💡 Intuitive navigation, well-defined categories, and a rewards system make LuckPet the perfect choice for pet owners. ## ✨ Features
- Registration with email confirmation via Supabase Auth
- Secure login with password validation
- Personalized avatar (dog, cat, rabbit, bird)
- Intelligent redirection after email confirmation
- Organized categories: Pet Health, Pet Fashion, Nutrition, Curiosities, Services
- Interactive cards with animated hover effects
- Intelligent search with real-time suggestions
- Filters by product type and category
- Persistent shopping cart
- Personalized favorites list
- Dynamic real-time counters
- LuckCoins credit system (1 LuckCoin = R$ 1.00 discount)
- 50 free LuckCoins for new users
- Flexible use of credits on any purchase
- Progressive accumulation based on purchases
- 100% responsive design (mobile, tablet, desktop)
- Smooth animations and visual feedback
- Interactive modals for cart and favorites
- Intuitive tab navigation
Access now at:
- 🔗 Vercel
| Technology | Description |
|---|---|
 HTML5 |
Semantic and accessible structure |
 CSS3 |
Modern styling with CSS variables and animations |
 JavaScript |
Advanced logic and interactivity |
| Authentication and real-time database | |
 Font Awesome |
Icons and visual elements |
# Clone the repository
git clone https://github.com/PabloG-7/ecommerce-luckpet.git
# Access the project folder
cd ecommerce-luckpet
# Install dependencies (if necessary)
# The project works perfectly without build steps
# Open the main file
open index.html # macOS
start index.html # Windows
xdg-open index.html # Linuxecommerce-luckpet/
├── index.html # Main page
├── style.css # Main styles
├── script.js # Application logic
├── formulario/
│ ├── login.html # Login/registration page
│ ├── auth.css # Authentication styles
│ ├── auth.js # Authentication logic
│ ├── auth-manager.js # Session manager
│ └── confirmacao-email.html # Confirmation page
├── img/ # Images and assets
└── pagamento.html # Checkout page
- Initial Access: User browses the storefront without authentication
- Registration: Creates an account with email, password, and chooses an avatar
- Confirmation: Receives an email and confirms registration
- Login: Manually returns to log in
- Benefits: Receives 50 welcome LuckCoins
- Purchase: Adds products to the cart and uses credits
- Loyalty: Continues shopping to earn more LuckCoins
- Real-time password strength validation
- Custom post-confirmation redirection
- Session synchronization between tabs/devices
- Secure logout with local data cleanup
- LocalStorage for cart and favorites
- Persistent session with Supabase Auth
- Real-time synchronization between components
- Lazy image loading
- CSS animations - Optimized
- Intelligent resource caching
Contributions are always welcome! To contribute:
- Fork the project
- Create a branch for your feature:
git checkout -b feature/AmazingFeature- Commit your changes:
git commit -m 'Add some AmazingFeature'- Push to the branch:
git push origin feature/AmazingFeature- Open a Pull Request