MathiasKet/ghana-apple-deals-hub-main-main

ghana-apple-deals-hub-main-main # Ghana Apple Deals Hub An e-commerce platform for Apple products in Ghana, built with React, TypeScript, and Supabase. ## Features - 🛍️ Product listing with filtering and search - 🔍 Product details with image gallery - 🛒 Shopping cart management - 💝 Wishlist functionality - 👤 User authentication - 📱 Responsive design - 🌐 Supabase integration - 🚀 Deployed on Vercel - ✨ Modern UI with Tailwind CSS ## Tech Stack - React 18 - TypeScript - Vite - Supabase (Auth & Database) - Tailwind CSS - React Router - React Query - Vercel for deployment ## Getting Started ### Prerequisites - Node.js 18+ - npm 8+ - Supabase account (free tier available at supabase.com) - Vercel account (free tier available at vercel.com) ### Local Development Setup 1. Clone the repository: ```bash git clone github.com cd ghana-apple-deals-hub ``` 2. Install dependencies: ```bash npm install ``` 3. Set up environment variables: - Copy `.env.example` to `.env.local` - Fill in your Supabase credentials from your project settings 4. Start the development server: ```bash npm run dev ``` ### Supabase Setup 1. Create a new project at supabase.com 2. Go to Project Settings > API to find your: - Project URL (use as `VITE_SUPABASE_URL`) - Anon/public key (use as `VITE_SUPABASE_ANON_KEY`) 3. Set up authentication providers in the Authentication > Providers section 4. Configure your database tables as needed ### Vercel Deployment 1. Push your code to a GitHub repository 2. Import the repository on Vercel 3. Add these environment variables in Vercel: - `VITE_SUPABASE_URL`: Your Supabase project URL - `VITE_SUPABASE_ANON_KEY`: Your Supabase anon key 4. Deploy! 3. Create a `.env` file in the root directory with your Firebase configuration: ```env VITE_FIREBASE_API_KEY=your_api_key VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain VITE_FIREBASE_PROJECT_ID=your_project_id VITE_FIREBASE_STORAGE_BUCKET=your_storage_bucket VITE_FIREBASE_MESSAGING_SENDER_ID=your_ …