MathiasKet/ghana-apple-deals-hub-main-main
Creator:
Mat
Host:
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_ …