Currently, the platform supports only English, which limits accessibility for non-English-speaking users. To enhance usability and reach a broader audience, we need to implement multi-language support that allows users to select their preferred language.
🔹 Feature Requirements
✅ Language Selector – A dropdown in the navbar to switch languages easily.
✅ Dynamic Content Translation – All static text on the platform should be translatable.
✅ Persistent User Preferences – Store the selected language in localStorage to retain settings.
✅ Right-to-Left (RTL) Support – Ensure compatibility for languages like Arabic.
🌐 Supported Languages (Phase 1)
1️⃣ English (Default)
2️⃣ Hindi (हिन्दी)
3️⃣ Gujarati (ગુજરાતી)
4️⃣ Spanish (Español)
🔹 Implementation Approach
Use i18next with React-i18next for seamless language translation.
JSON-based language files for easy updates and scalability.
Automatic language detection based on browser settings.
🚀 Expected Outcome
📌 Improved accessibility for users from different regions.
📌 Better user engagement by allowing people to use the platform in their native language.
📌 Future scalability to add more languages as needed.
Currently, the platform supports only English, which limits accessibility for non-English-speaking users. To enhance usability and reach a broader audience, we need to implement multi-language support that allows users to select their preferred language.
🔹 Feature Requirements
✅ Language Selector – A dropdown in the navbar to switch languages easily.
✅ Dynamic Content Translation – All static text on the platform should be translatable.
✅ Persistent User Preferences – Store the selected language in localStorage to retain settings.
✅ Right-to-Left (RTL) Support – Ensure compatibility for languages like Arabic.
🌐 Supported Languages (Phase 1)
1️⃣ English (Default)
2️⃣ Hindi (हिन्दी)
3️⃣ Gujarati (ગુજરાતી)
4️⃣ Spanish (Español)
🔹 Implementation Approach
Use i18next with React-i18next for seamless language translation.
JSON-based language files for easy updates and scalability.
Automatic language detection based on browser settings.
🚀 Expected Outcome
📌 Improved accessibility for users from different regions.
📌 Better user engagement by allowing people to use the platform in their native language.
📌 Future scalability to add more languages as needed.