🌍 Language Switching Demo

Test the multi-language functionality of cPiggyFX

🌍 Language Demo - Current Language

🏠 Home

Title: 🐷 cPiggyFX: Diversified FX Piggy Bank

Subtitle: Save in cCOP, grow in the world.

Create Button: Create a New Piggy

View Button: View My Piggies

➕ Create

Title: Create Your Piggy

Amount: Amount (cCOP)

Duration: Lock Duration

Risk Mode: Risk Mode

📊 Dashboard

Title: My Investments

No Piggies: dashboard.noPiggies

Status Active: Active

Claim: dashboard.claim

🔧 Settings

Loading: Loading...

Error: Error

Success: Success

Cancel: Cancel

💡 How it works:

  • • IP Detection: Automatically detects your country and sets language
  • • Browser Language: Falls back to your browser's preferred language
  • • Manual Override: Use the language switcher to change anytime
  • • Persistent: Your choice is saved in localStorage

🚀 Features Implemented

✅ Automatic Detection

  • • IP geolocation detection
  • • Browser language preference
  • • Country-based language mapping
  • • Fallback to English

✅ User Control

  • • Manual language switching
  • • Persistent user preferences
  • • Real-time language updates
  • • Smooth transitions

🔧 Technical Implementation

Hook: useLanguageDetection - Detects language from IP, browser, and user preferences

Context: LanguageContext - Manages language state across the app

Component: LanguageSwitcher - UI for manual language selection

Translation: t() function - Retrieves text based on current language

Storage: localStorage - Persists user language choice