danchokoe/intshebe-grooming

Premium South African beard grooming e-commerce site with AI-powered beard advisor # Intshebe Grooming 🧔 Premium South African beard grooming e-commerce platform with AI-powered beard analysis. ## 🌟 Features ### E-Commerce Functionality - **Product Catalog**: Premium beard oils, balms, washes, and grooming kits - **Shopping Cart**: Real-time cart management with quantity controls - **Checkout System**: Integrated payment gateway support (PayFast ready) - **Order Tracking**: Track order status and delivery - **Admin Panel**: Product and order management ### AI-Powered Beard Advisor 🤖 - **Image Analysis**: Upload beard photos for personalized analysis - **Smart Recommendations**: AI suggests products based on beard condition - **Grooming Tips**: Actionable advice for beard care - **Powered by Google Gemini**: Advanced vision AI for accurate assessments ### Customer Experience - **Responsive Design**: Optimized for mobile, tablet, and desktop - **Dark Theme**: Elegant black and gold aesthetic - **Smooth Animations**: Professional transitions and effects - **FAQ & Support**: Comprehensive help resources - **Privacy Compliant**: POPIA-compliant privacy policy ## 🚀 Quick Start ### Prerequisites - Node.js 18+ and npm - Gemini API key from Google AI Studio ### Installation 1. Clone the repository: ```bash git clone github.com cd intshebe-grooming ``` 2. Install dependencies: ```bash npm install ``` 3. Configure environment variables: ```bash cp .env.example .env.local ``` 4. Add your Gemini API key to `.env.local`: ``` VITE_GEMINI_API_KEY=your_api_key_here ``` 5. Start development server: ```bash npm run dev ``` 6. Open localhost ## 📦 Build for Production ```bash npm run build npm run preview ``` ## 🌐 Deployment ### AWS Amplify (Recommended) 1. **Connect Repository** - Go to AWS Amplify Console - Click "New app" → "Host web app" - Connect your GitHub account and select this repository 2. **Configure Environment Variables** - In Amplify Console → Environment Variables - Add: `VITE …