🌍 ServiPro Global

Aplicación de servicios profesionales a domicilio con cobertura en 15 países, soporte multi-idioma, multi-moneda y verificación KYC para profesionales.

📋 Características

• ✅ 15 Países: USA, UAE, Arabia Saudita, Canadá, Australia, Alemania, India, México, España, Francia, Rusia, Japón, China, Israel, Reino Unido
• ✅ Multi-idioma: Inglés, Español, Árabe, Alemán, Francés, Ruso, Japonés, Chino, Hebreo, Hindi
• ✅ Multi-moneda: USD, AED, SAR, CAD, AUD, EUR, INR, MXN, RUB, JPY, CNY, ILS, GBP
• ✅ KYC para Profesionales: Verificación de identidad, selfie, dirección, banco y antecedentes
• ✅ Pagos: Stripe, PayPal, transferencias bancarias, wallets locales
• ✅ Web + Android + iOS: Una sola codebase con Capacitor

📁 Estructura del Proyecto

app/
├── src/
│   ├── pages/           # Páginas principales
│   │   ├── Home.tsx
│   │   ├── Login.tsx
│   │   ├── Register.tsx
│   │   ├── ClientDashboard.tsx
│   │   ├── ProfessionalDashboard.tsx
│   │   ├── AdminDashboard.tsx
│   │   ├── KYCVerification.tsx
│   │   ├── ServiceRequest.tsx
│   │   └── Payment.tsx
│   ├── stores/          # Estado global (Zustand)
│   │   ├── authStore.ts
│   │   └── kycStore.ts
│   ├── services/        # Servicios y configuración
│   │   ├── countries.ts # Configuración de 15 países
│   │   └── pricingAI.ts # Sistema de precios IA
│   ├── components/      # Componentes UI
│   ├── App.tsx
│   └── main.tsx
├── capacitor.config.ts  # Configuración Capacitor
├── package.json
├── vite.config.ts
└── README.md

🚀 PASOS EXACTOS PARA EJECUTAR

Paso 1: Instalar Dependencias

cd /mnt/okcomputer/output/app
npm install

Paso 2: Configurar Variables de Entorno

cp .env.example .env

Edita el archivo .env con tus credenciales de Firebase, Stripe y PayPal.

Paso 3: Ejecutar en Desarrollo (Web)

npm run dev

Abre tu navegador en: http://localhost:5173

Paso 4: Compilar para Producción

npm run build

Esto genera la carpeta dist/ con los archivos optimizados.

Paso 5: Configurar Android

# Instalar Capacitor CLI globalmente (si no lo tienes)
npm install -g @capacitor/cli

# Agregar plataforma Android
npx cap add android

# Sincronizar cambios
npx cap sync android

# Abrir en Android Studio
npx cap open android

Paso 6: Configurar iOS (solo Mac)

# Agregar plataforma iOS
npx cap add ios

# Sincronizar cambios
npx cap sync ios

# Abrir en Xcode
npx cap open ios

Paso 7: Ejecutar Apps Móviles

Android:

# Conectar dispositivo o iniciar emulador
npx cap run android

iOS:

# Conectar dispositivo o iniciar simulador
npx cap run ios

🔑 Credenciales de Demo

Tipo	Email	Password
Cliente	client@demo.com	demo123
Profesional	pro@demo.com	demo123
Admin	admin@demo.com	demo123

🌍 Países Configurados

País	Código	Moneda	Idioma	Impuesto
🇺🇸 USA	US	USD	English	Variable
🇦🇪 UAE	AE	AED	Arabic	5% VAT
🇸🇦 Arabia Saudita	SA	SAR	Arabic	15% VAT
🇨🇦 Canadá	CA	CAD	English	13% HST
🇦🇺 Australia	AU	AUD	English	10% GST
🇩🇪 Alemania	DE	EUR	German	19% MwSt
🇮🇳 India	IN	INR	Hindi/English	18% GST
🇲🇽 México	MX	MXN	Spanish	16% IVA
🇪🇸 España	ES	EUR	Spanish	21% IVA
🇫🇷 Francia	FR	EUR	French	20% TVA
🇷🇺 Rusia	RU	RUB	Russian	20% NDS
🇯🇵 Japón	JP	JPY	Japanese	10% 消費税
🇨🇳 China	CN	CNY	Chinese	13% 增值税
🇮🇱 Israel	IL	ILS	Hebrew	17% מע"מ
🇬🇧 Reino Unido	GB	GBP	English	20% VAT

🛡️ KYC Requerido para Profesionales

1. Identity: Documento de identidad gubernamental
2. Selfie: Foto en vivo para verificación facial
3. Address: Comprobante de domicilio
4. Bank: Cuenta bancaria local
5. Background: Verificación de antecedentes
6. License: Licencia profesional (opcional)

💳 Métodos de Pago por País

• Global: Tarjetas, PayPal, Apple Pay, Google Pay
• USA: Venmo, Zelle, ACH
• UAE: Careem Pay
• Arabia Saudita: STC Pay
• Canadá: Interac
• Australia: Afterpay, Zip
• Alemania: Klarna, Giropay
• India: UPI, Paytm, PhonePe
• México: OXXO, SPEI, CoDi
• España: Bizum
• Rusia: SBP, YooMoney
• Japón: PayPay, Line Pay
• China: Alipay, WeChat Pay
• Israel: Bit, PayBox
• UK: Revolut, Monzo

🛠️ Tecnologías

• Frontend: React 18 + TypeScript
• Build: Vite
• Estilos: Tailwind CSS
• UI Components: shadcn/ui
• Estado: Zustand
• Mobile: Capacitor
• Pagos: Stripe, PayPal

📱 Scripts Disponibles

npm run dev          # Desarrollo web
npm run build        # Compilar producción
npm run preview      # Previsualizar build
npm run android      # Ejecutar Android
npm run ios          # Ejecutar iOS
npm run sync         # Sincronizar Capacitor

🔧 Solución de Problemas

Error: "Cannot find module"

rm -rf node_modules package-lock.json
npm install

Error al sincronizar Capacitor

npx cap sync --force

Android Studio no encuentra el proyecto

npx cap open android

📄 Licencia

MIT License - ServiPro Global 2026