# ============================================================================= # ENVIRONMENT CONFIGURATION - BLACK CANYON TICKETS REACT REBUILD # ============================================================================= # # ⚠️ IMPORTANT: This is a LEARNING PROJECT with MOCK VALUES only! # ⚠️ Do NOT use real API keys, secrets, or live service credentials # ⚠️ All values below are fake/example values for development learning # # This project is frontend-only and does not connect to live services. # Copy this file to `.env` and keep all mock values as-is for development. # ============================================================================= # ----------------------------------------------------------------------------- # APPLICATION CONFIGURATION # ----------------------------------------------------------------------------- # Environment flag for conditional features VITE_NODE_ENV=development # Base URL for the React application VITE_APP_URL=http://localhost:5173 # Application name and version VITE_APP_NAME="Black Canyon Tickets - React Rebuild" VITE_APP_VERSION=1.0.0 # Feature flags for development VITE_ENABLE_MOCK_DATA=true VITE_ENABLE_DEBUG_MODE=true VITE_ENABLE_ANIMATIONS=true # ----------------------------------------------------------------------------- # MOCK FIREBASE CONFIGURATION (NO REAL CONNECTION) # ----------------------------------------------------------------------------- # These simulate the Firebase Auth service from the original project # Used for mock authentication flows and data structure examples VITE_FB_API_KEY=AIzaSyMockFirebaseAPIKeyForReactLearningProject1234567890 VITE_FB_AUTH_DOMAIN=mock-bct-learning.firebaseapp.com VITE_FB_PROJECT_ID=mock-bct-learning VITE_FB_STORAGE_BUCKET=mock-bct-learning.appspot.com VITE_FB_MESSAGING_SENDER_ID=123456789012 VITE_FB_APP_ID=1:123456789012:web:mockfirebaseappid VITE_FB_MEASUREMENT_ID=G-MOCKGAMEASUREMENT # ----------------------------------------------------------------------------- # MOCK STRIPE CONFIGURATION (NO REAL PAYMENTS) # ----------------------------------------------------------------------------- # These simulate payment processing for UI/UX learning # Checkout flows will show mock success/failure states VITE_STRIPE_PUBLISHABLE_KEY=pk_test_51MockStripePublishableKeyForReactLearning1234567890 VITE_STRIPE_SECRET_KEY=sk_test_51MockStripeSecretKeyForReactLearning1234567890 # Webhook secret for mock webhook handling examples VITE_STRIPE_WEBHOOK_SECRET=whsec_1234567890MockWebhookSecretForLearning # Connect application fee (percentage for platform) VITE_STRIPE_APPLICATION_FEE_PERCENT=2.9 # Stripe Connect configuration for Cloud Functions # NOTE: These are used in Firebase Functions, not in the React frontend # STRIPE_SECRET_KEY=sk_test_... (set in Firebase Functions config) # STRIPE_WEBHOOK_SECRET=whsec_... (set in Firebase Functions config) # APP_URL=https://your-staging-domain.com (set in Firebase Functions config) # ----------------------------------------------------------------------------- # MOCK EMAIL SERVICE CONFIGURATION # ----------------------------------------------------------------------------- # Simulates transactional email service for UI examples VITE_RESEND_API_KEY=re_MockResendApiKey_1234567890ForReactLearning VITE_EMAIL_FROM_ADDRESS=noreply@mock-blackcanyontickets.com VITE_EMAIL_REPLY_TO=support@mock-blackcanyontickets.com # ----------------------------------------------------------------------------- # MOCK ERROR MONITORING & ANALYTICS # ----------------------------------------------------------------------------- # Simulates production monitoring services for learning VITE_SENTRY_DSN=https://mock1234567890@o123456.ingest.sentry.io/1234567 VITE_SENTRY_ENVIRONMENT=development VITE_SENTRY_SAMPLE_RATE=1.0 # Google Analytics (mock tracking ID) VITE_GA_MEASUREMENT_ID=G-MOCKMEASUREMENT123 # ----------------------------------------------------------------------------- # MOCK AI/ML SERVICE CONFIGURATION # ----------------------------------------------------------------------------- # For any AI-powered features in the learning project VITE_OPENAI_API_KEY=sk-mock1234567890OpenAIKeyForReactLearningProject VITE_OPENAI_ORGANIZATION_ID=org-MockOpenAIOrganizationForLearning # ----------------------------------------------------------------------------- # MOCK THIRD-PARTY INTEGRATIONS # ----------------------------------------------------------------------------- # Mock weather API for event planning features VITE_WEATHER_API_KEY=mock1234567890WeatherAPIKeyForLearning # Mock maps/geocoding service VITE_MAPS_API_KEY=AIzaSyMockGoogleMapsAPIKeyForReactLearning1234567890 # Mock social media integration VITE_FACEBOOK_APP_ID=1234567890123456 VITE_TWITTER_API_KEY=MockTwitterAPIKeyForReactLearning # ----------------------------------------------------------------------------- # DEVELOPMENT CONFIGURATION # ----------------------------------------------------------------------------- # Hot module replacement and dev server settings VITE_HMR_PORT=24678 VITE_HMR_HOST=localhost # API endpoints VITE_API_BASE=https://staging.blackcanyontickets.com VITE_API_BASE_URL=http://localhost:3001/api VITE_API_TIMEOUT=5000 # WebSocket configuration for real-time features simulation VITE_WS_URL=ws://localhost:3001 # ----------------------------------------------------------------------------- # MOCK ORGANIZATION & TENANT CONFIGURATION # ----------------------------------------------------------------------------- # Simulates multi-tenant setup from original project # Default organization for development VITE_DEFAULT_ORG_ID=org_MockBlackCanyonTickets123 VITE_DEFAULT_ORG_NAME="Mock Black Canyon Tickets" VITE_DEFAULT_ORG_SLUG=mock-bct # Platform configuration VITE_PLATFORM_NAME="Black Canyon Tickets - Learning Platform" VITE_PLATFORM_SUPPORT_EMAIL=support@mock-bct.com VITE_PLATFORM_PHONE="+1-555-MOCK-BCT" # ----------------------------------------------------------------------------- # MOCK SECURITY CONFIGURATION # ----------------------------------------------------------------------------- # JWT secrets for mock authentication (learning only) VITE_JWT_SECRET=mock-jwt-secret-for-react-learning-project-only VITE_JWT_EXPIRE_TIME=7d # CORS settings for development VITE_CORS_ORIGIN=http://localhost:5173 VITE_CORS_CREDENTIALS=true # ----------------------------------------------------------------------------- # DEPLOYMENT CONFIGURATION (when hosting the learning project) # ----------------------------------------------------------------------------- # Production URL (when deploying to learn deployment) VITE_PRODUCTION_URL=https://mock-bct-react-rebuild.netlify.app # CDN configuration for static assets VITE_CDN_URL=https://mock-cdn.blackcanyontickets.com # Database connection (mock - for reference only) VITE_DATABASE_URL=postgresql://mockuser:mockpass@mock-db.com:5432/mock_bct_db # Redis configuration (mock - for reference only) VITE_REDIS_URL=redis://mock-redis:6379 # ----------------------------------------------------------------------------- # FEATURE FLAGS FOR LEARNING DIFFERENT IMPLEMENTATIONS # ----------------------------------------------------------------------------- # UI/UX feature toggles VITE_FEATURE_DARK_MODE=true VITE_FEATURE_GLASSMORPHISM=true VITE_FEATURE_ANIMATIONS=true VITE_FEATURE_MOBILE_OPTIMIZATIONS=true # Functional feature toggles VITE_FEATURE_CALENDAR_VIEW=true VITE_FEATURE_TICKET_SCANNING=true VITE_FEATURE_ADMIN_DASHBOARD=true VITE_FEATURE_ANALYTICS_CHARTS=true VITE_FEATURE_REAL_TIME_UPDATES=true # Learning-specific features VITE_FEATURE_MOCK_API_DELAY=1000 VITE_FEATURE_MOCK_ERRORS=true VITE_FEATURE_DEBUG_PANELS=true # Scanner configuration VITE_SCANNER_MOCK=false # ============================================================================= # SETUP INSTRUCTIONS FOR DEVELOPERS # ============================================================================= # # 1. Copy this file to `.env` in the project root: # cp .env.example .env # # 2. Keep all mock values as-is - they are designed for learning # # 3. Start the development server: # npm run dev # # 4. The app will run at http://localhost:5173 with mock data # # 5. All API calls will return mock data - no real services are contacted # # REMEMBER: This is a learning project! All values are fake and safe to use. # =============================================================================