🏪 Maisonya E-Commerce Website

A professional e-commerce website for selling tools and hardware products with WhatsApp integration and modern design.

✨ Features

• 🛒 Shopping Cart with beautiful pop-up notifications
• ❤️ Wishlist System for saving favorite products
• 📱 100% Responsive design for all devices
• 🌙 Dark/Light Theme toggle
• 🔍 Product Search and filtering
• 📊 Customer Data Protection - Secure order handling
• 💬 WhatsApp Integration for order notifications
• 🎨 Beautiful Animations and micro-interactions
• 📧 Newsletter Signup functionality
• 🏷️ Product Categories and sorting

🚀 Live Demo

Visit the live website: [GitHub Pages URL]

📦 Products

• Bosch Drill - Professional power drill
• Electric Screwdriver - Cordless with long battery life
• Power Grinder - High-performance angle grinder

🔧 Technologies Used

• HTML5 - Semantic markup
• CSS3 - Modern styling with animations
• Vanilla JavaScript - No dependencies, fast performance
• Font Awesome - Professional icons
• Google Fonts - Beautiful typography

📱 Mobile Responsive

Perfect experience on all devices:

• 📱 Mobile Phones (320px+)
• 📱 Tablets (768px+)
• 💻 Laptops (1024px+)
• 🖥️ Desktop (1440px+)

🔒 Security Features

• ✅ No client data exposed in browser console
• ✅ Secure WhatsApp order transmission
• ✅ No debug logs in production
• ✅ Data protection compliant
• ✅ Safe for public hosting

📋 Order Process

1. Customer adds products to cart
2. Proceeds to checkout
3. Fills in contact details
4. Order sent to WhatsApp
5. Owner receives complete customer information
6. Order confirmation sent to customer

🎨 Customization

Add Your Logo

Replace assets/your-logo.png with your logo (200x50px recommended).

Change Colors

Edit CSS variables in Styles.css:

:root {
    --primary: #6c63ff;
    --accent: #ff6ec7;
}

Update WhatsApp Number

Edit Script.js:

const merchantPhone = "212642778240";

🌐 Deployment

GitHub Pages

1. Upload files to username.github.io repository
2. Enable GitHub Pages in settings
3. Deploy from main branch

Other Hosting

Works on any static hosting service:

• Netlify
• Vercel
• Firebase Hosting
• AWS S3

📞 Business Integration

WhatsApp Business

Perfect for WhatsApp Business:

• Automatic order notifications
• Customer details included
• Product list with prices
• Order tracking with numbers

Local Business

Ideal for:

• Hardware stores
• Tool shops
• Construction suppliers
• DIY retailers

🔧 Maintenance

Adding Products

Duplicate product cards in index.html:

<div class="product-card" data-name="Product Name" data-price="99.99">
    <img src="assets/product-image.jpg" alt="Product Name">
    <h3>Product Name</h3>
    <button class="add-to-cart">Add to Cart</button>
</div>

Updating Information

Edit contact details in footer section of index.html.

📄 License

This project is open source and available under the MIT License.

👨‍💻 Author

Created with ❤️ by AYOUBDEV7

---

Maisonya - Professional E-Commerce for Modern Business