<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Introduction</h2>JuggleHire supports multiple languages to serve a diverse user base. This multilingual capability allows users to interact with the application in their preferred language, making the recruitment process more accessible and user-friendly. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Available Languages</h2>JuggleHire comes with the following languages pre-configured: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">English (Default)</li><li value="2" class="PlaygroundEditorTheme__listItem">Español (Spanish)</li><li value="3" class="PlaygroundEditorTheme__listItem">Français (French)</li><li value="4" class="PlaygroundEditorTheme__listItem">Deutsch (German)</li><li value="5" class="PlaygroundEditorTheme__listItem">Português (Portuguese)</li><li value="6" class="PlaygroundEditorTheme__listItem">বাংলা (Bengali)</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Managing Languages</h2><h3 class="PlaygroundEditorTheme__h3" dir="ltr">Viewing Available Languages</h3>Users can switch between languages through:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">The language dropdown in the user interface</li><li value="2" class="PlaygroundEditorTheme__listItem">Their profile settings page</li><li value="3" class="PlaygroundEditorTheme__listItem">The initial setup process</li></ul> <h3 class="PlaygroundEditorTheme__h3" dir="ltr"> Adding a New Language</h3><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Locate the Language Configuration</li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ol class="PlaygroundEditorTheme__ol2"><li value="1" class="PlaygroundEditorTheme__listItem">Navigate to `project/lang/languages.json`</li><li value="2" class="PlaygroundEditorTheme__listItem">Open the file in your preferred text editor</li></ol></li><li value="2" class="PlaygroundEditorTheme__listItem">Add Language Entry: </li></ol><pre spellcheck="false" data-highlight-language="javascript">{ "available": { "en": "English", "es": "Español", "fr": "Français", "de": "Deutsch", "pt": "Português", "bn": "বাংলা", "new_code": "New Language Name" // Add your new language } }</pre> <ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Create Translation File</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ol class="PlaygroundEditorTheme__ol2"><li value="1" class="PlaygroundEditorTheme__listItem">Create a new file in `project/lang/` directory</li><li value="2" class="PlaygroundEditorTheme__listItem">Name it `new_code.json` (replace 'new_code' with your language code)</li><li value="3" class="PlaygroundEditorTheme__listItem">Copy the structure from `en.json`</li></ol></li></ol> <h3 class="PlaygroundEditorTheme__h3" dir="ltr">Customizing Translations</h3><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Locate Translation Files</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Go to `project/lang/` directory</li><li value="2" class="PlaygroundEditorTheme__listItem">Open the relevant language file (e.g., `en.json` for English)</li></ul></li></ul><ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Update Translations:</li></ol><pre spellcheck="false" data-highlight-language="javascript">{ "welcome_message": "Welcome to JuggleHire", "login_button": "Login", "signup_button": "Sign Up", // other translations }</pre> <ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Apply Changes:</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Save the modified files</li><li value="2" class="PlaygroundEditorTheme__listItem">Visit `https://your-domain.com/run-optimize` to clear cache</li><li value="3" class="PlaygroundEditorTheme__listItem">Refresh your application</li></ul></li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Best Practices</h2><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Backup First😀</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Always backup language files before making changes</li><li value="2" class="PlaygroundEditorTheme__listItem">Keep a copy of the original translations</li></ul></li></ul> <ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Testing:</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Test all modified translations in the application</li><li value="2" class="PlaygroundEditorTheme__listItem">Check special characters and formatting</li><li value="3" class="PlaygroundEditorTheme__listItem">Verify language switching functionality</li></ul></li></ul> <ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Consistency:</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Maintain consistent terminology across translations</li><li value="2" class="PlaygroundEditorTheme__listItem">Follow the existing translation patterns</li><li value="3" class="PlaygroundEditorTheme__listItem">Consider cultural context when translating</li></ul></li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Need Help?</h2>If you encounter issues while configuring languages:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Verify JSON syntax in language files</li><li value="2" class="PlaygroundEditorTheme__listItem">Check file permissions</li><li value="3" class="PlaygroundEditorTheme__listItem">Ensure proper language codes are used</li><li value="4" class="PlaygroundEditorTheme__listItem">Clear application cache after changes</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Conclusion</h2>Proper language configuration ensures your JuggleHire installation is accessible to users worldwide. Regular updates and maintenance of translations help provide a better user experience for your international user base.

This guide explains how to manage languages in your JuggleHire application, including viewing available languages, adding new languages, and customizing translations to create a multilingual experience for your users.

## Introduction

****JuggleHire****supports multiple languages to serve a diverse user base. This multilingual capability allows users to interact with the application in their preferred language, making the recruitment process more accessible and user-friendly.

## Available Languages

****JuggleHire****comes with the following languages pre-configured:

* English (Default)
* Español (Spanish)
* Français (French)
* Deutsch (German)
* Português (Portuguese)
* বাংলা (Bengali)

## Managing Languages

### Viewing Available Languages

Users can switch between languages through:

* The language dropdown in the user interface
* Their profile settings page
* The initial setup process

### Adding a New Language

1. ****Locate the Language Configuration****
2. 1. Navigate to \`project/lang/languages.json\`
   2. Open the file in your preferred text editor
3. ****Add Language Entry****:

```
{  "available": {    "en": "English",    "es": "Español",    "fr": "Français",    "de": "Deutsch",    "pt": "Português",    "bn": "বাংলা",    "new_code": "New Language Name" // Add your new language  }}
```

3. ****Create Translation File****
4. 1. Create a new file in \`project/lang/\` directory
   2. Name it \`new\_code.json\` (replace 'new\_code' with your language code)
   3. Copy the structure from \`en.json\`

### Customizing Translations

1. ****Locate Translation Files****

* * Go to \`project/lang/\` directory
  * Open the relevant language file (e.g., \`en.json\` for English)

2. ****Update Translations****:

```
{  "welcome_message": "Welcome to JuggleHire",  "login_button": "Login",  "signup_button": "Sign Up",  // other translations}
```

3. ****Apply Changes****:

* * Save the modified files
  * Visit \`https://your-domain.com/run-optimize\` to clear cache
  * Refresh your application

## Best Practices

1. ****Backup First****😀

* * Always backup language files before making changes
  * Keep a copy of the original translations

2. ****Testing****:

* * Test all modified translations in the application
  * Check special characters and formatting
  * Verify language switching functionality

3. ****Consistency****:

* * Maintain consistent terminology across translations
  * Follow the existing translation patterns
  * Consider cultural context when translating

## Need Help?

If you encounter issues while configuring languages:

* Verify JSON syntax in language files
* Check file permissions
* Ensure proper language codes are used
* Clear application cache after changes

## Conclusion

Proper language configuration ensures your****JuggleHire****installation is accessible to users worldwide. Regular updates and maintenance of translations help provide a better user experience for your international user base.

<h2 class="PlaygroundEditorTheme__h2" dir="ltr">What are the available languages? How to add &amp; remove a language? How to update language translation?</h2> <h1 class="PlaygroundEditorTheme__h1" dir="ltr">What are the available languages</h1><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Overview</h2>This document outlines the languages available for users&nbsp;in the application. The language&nbsp;selection feature&nbsp;allows&nbsp;users to choose&nbsp;their&nbsp;preferred language for a more&nbsp;personalized experience.<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Available Languages</h2>The&nbsp;following languages&nbsp;are&nbsp;currently&nbsp;supported in the application: 1. English2. Español&nbsp;(Spanish) 3. Français (French) 4. Deutsch&nbsp;(German) 5. Português&nbsp;(Portuguese) 6. বাংলা&nbsp;(Bengali)<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Language Selection</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Users&nbsp;can&nbsp;select their&nbsp;preferred language from the dropdown menu available in&nbsp;the&nbsp;application&nbsp;interface.</li><li value="2" class="PlaygroundEditorTheme__listItem">The selected&nbsp;language will&nbsp;be&nbsp;applied to&nbsp;the user interface, including menus, buttons, and other text elements.</li></ul><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image-(20).1734332755570.webp?alt=media" alt="" width="inherit" height="inherit"><h1 class="PlaygroundEditorTheme__h1" dir="ltr">How&nbsp;to Add&nbsp;&amp; Remove&nbsp;a Language</h1><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Overview</h2>This document&nbsp;provides&nbsp;instructions on how&nbsp;to add&nbsp;or remove&nbsp;languages in&nbsp;the application&nbsp;by&nbsp;editing the&nbsp;languages.json&nbsp;file&nbsp;located&nbsp;in the&nbsp;project/lang/&nbsp;directory. This&nbsp;allows administrators&nbsp;to customize&nbsp;the available&nbsp;languages&nbsp;for&nbsp;users.<h2 class="PlaygroundEditorTheme__h2" dir="ltr">File Location</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">File Path:&nbsp;project/lang/languages.json</li></ul><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Steps to&nbsp;Add&nbsp;a&nbsp;Language</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Open the&nbsp;languages.json&nbsp;File:</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to&nbsp;the&nbsp;project/lang/&nbsp;directory&nbsp;in your&nbsp;project.</li><li value="3" class="PlaygroundEditorTheme__listItem">Open&nbsp;the&nbsp;languages.json&nbsp;file using a&nbsp;text editor&nbsp;or&nbsp;an&nbsp;integrated&nbsp;development&nbsp;environment&nbsp;(IDE).</li></ul><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image-(21).1734332789701.webp?alt=media" alt="" width="inherit" height="inherit">2.Add the New Language:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Locate the&nbsp;"available"&nbsp;section in the JSON file.</li><li value="2" class="PlaygroundEditorTheme__listItem">Add a new&nbsp;entry for the language you&nbsp;want to&nbsp;include.<pre spellcheck="false" data-highlight-language="javascript">{ "available":&nbsp;{ "en":&nbsp;"English", "es":&nbsp;"Español", "fr":&nbsp;"Français", "de":&nbsp;"Deutsch", "pt":&nbsp;"Português", "bn":&nbsp;"বাংলা", "new_lang_code":&nbsp;"New&nbsp;Language&nbsp;Name"&nbsp;&nbsp;*//&nbsp;Add&nbsp;your&nbsp;new&nbsp;language&nbsp;here* } </pre></li><li value="3" class="PlaygroundEditorTheme__listItem">Replace&nbsp;new_lang_code&nbsp;with&nbsp;the appropriate&nbsp;language code (e.g.,&nbsp;it&nbsp;for&nbsp;Italian) and&nbsp;New Language&nbsp;Name&nbsp;with the&nbsp;name&nbsp;of&nbsp;the&nbsp;language.</li><li value="4" class="PlaygroundEditorTheme__listItem">Save the&nbsp;Changes:</li><li value="5" class="PlaygroundEditorTheme__listItem">After adding the&nbsp;new&nbsp;language, save the&nbsp;languages.json&nbsp;file.</li></ul>4.Verify&nbsp;the Addition:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Restart&nbsp;the application or refresh&nbsp;the&nbsp;language selection interface to ensure&nbsp;the new&nbsp;language appears&nbsp;in&nbsp;the dropdown menu.</li></ul><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Steps&nbsp;to Remove&nbsp;a&nbsp;Language</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Open&nbsp;the&nbsp;languages.json&nbsp;File:</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to&nbsp;the&nbsp;project/lang/&nbsp;directory in your project.</li><li value="3" class="PlaygroundEditorTheme__listItem">Open the&nbsp;languages.json&nbsp;file using a text editor or&nbsp;an IDE.</li></ul><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image-(22).1734332852001.webp?alt=media" alt="" width="inherit" height="inherit"><ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Locate the Translation Key:<pre spellcheck="false" data-highlight-language="javascript">{ "welcome_message": "Welcome to our application!", "login_button": "Login", "signup_button": "Sign Up" // Other translation keys... } </pre></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Inside the <code spellcheck="false" style="white-space: pre-wrap;">en.json</code> file, find the specific translation key that you want to update. The structure typically looks like this:</li></ul></li><li value="3" class="PlaygroundEditorTheme__listItem">Update the Translation Value:</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Modify the value associated with the translation key to the desired text. For example, to update the welcome message: <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image-(23).1734332934461.webp?alt=media" alt="" width="inherit" height="inherit"></li></ul></li><li value="4" class="PlaygroundEditorTheme__listItem">Save the Changes:</li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Conclusion</h2>By following these steps, users can easily update language translations in the application by editing the corresponding JSON files. This process allows for continuous improvement of the application's language support, ensuring that translations remain accurate and relevant. Always consider backing up the original translation files before making changes to prevent data loss.<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">After updating the translation, save the <code spellcheck="false" style="white-space: pre-wrap;">en.json</code> file.</li></ul></li><li value="1" class="PlaygroundEditorTheme__listItem">Verify the Update:</li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Refresh the application or navigate to the relevant section to ensure that the updated translation appears correctly.</li></ul></li></ol>

Website Text With Translation Changing 

<h1 class="PlaygroundEditorTheme__h1" dir="ltr">What are the available languages</h1><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Overview</h2>This document outlines the languages available for users&nbsp;in the application. The language&nbsp;selection feature&nbsp;allows&nbsp;users to choose&nbsp;their&nbsp;preferred language for a more&nbsp;personalized experience.<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Available Languages</h2>The&nbsp;following languages&nbsp;are&nbsp;currently&nbsp;supported in the application: 1. English2. Español&nbsp;(Spanish) 3. Français (French) 4. Deutsch&nbsp;(German) 5. Português&nbsp;(Portuguese) 6. বাংলা&nbsp;(Bengali)<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Language Selection</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Users&nbsp;can&nbsp;select their&nbsp;preferred language from the dropdown menu available in&nbsp;the&nbsp;application&nbsp;interface.</li><li value="2" class="PlaygroundEditorTheme__listItem">The selected&nbsp;language will&nbsp;be&nbsp;applied to&nbsp;the user interface, including menus, buttons, and other text elements.</li></ul><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image-(20).1734332755570.webp?alt=media" alt="" width="inherit" height="inherit"><h1 class="PlaygroundEditorTheme__h1" dir="ltr">How&nbsp;to Add&nbsp;&amp; Remove&nbsp;a Language</h1><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Overview</h2>This document&nbsp;provides&nbsp;instructions on how&nbsp;to add&nbsp;or remove&nbsp;languages in&nbsp;the application&nbsp;by&nbsp;editing the&nbsp;languages.json&nbsp;file&nbsp;located&nbsp;in the&nbsp;project/lang/&nbsp;directory. This&nbsp;allows administrators&nbsp;to customize&nbsp;the available&nbsp;languages&nbsp;for&nbsp;users.<h2 class="PlaygroundEditorTheme__h2" dir="ltr">File Location</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">File Path:&nbsp;project/lang/languages.json</li></ul><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Steps to&nbsp;Add&nbsp;a&nbsp;Language</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Open the&nbsp;languages.json&nbsp;File:</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to&nbsp;the&nbsp;project/lang/&nbsp;directory&nbsp;in your&nbsp;project.</li><li value="3" class="PlaygroundEditorTheme__listItem">Open&nbsp;the&nbsp;languages.json&nbsp;file using a&nbsp;text editor&nbsp;or&nbsp;an&nbsp;integrated&nbsp;development&nbsp;environment&nbsp;(IDE).</li></ul><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image-(21).1734332789701.webp?alt=media" alt="" width="inherit" height="inherit">2.Add the New Language:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Locate the&nbsp;"available"&nbsp;section in the JSON file.</li><li value="2" class="PlaygroundEditorTheme__listItem">Add a new&nbsp;entry for the language you&nbsp;want to&nbsp;include.<pre spellcheck="false" data-highlight-language="javascript">{ "available":&nbsp;{ "en":&nbsp;"English", "es":&nbsp;"Español", "fr":&nbsp;"Français", "de":&nbsp;"Deutsch", "pt":&nbsp;"Português", "bn":&nbsp;"বাংলা", "new_lang_code":&nbsp;"New&nbsp;Language&nbsp;Name"&nbsp;&nbsp;*//&nbsp;Add&nbsp;your&nbsp;new&nbsp;language&nbsp;here* } </pre></li><li value="3" class="PlaygroundEditorTheme__listItem">Replace&nbsp;new_lang_code&nbsp;with&nbsp;the appropriate&nbsp;language code (e.g.,&nbsp;it&nbsp;for&nbsp;Italian) and&nbsp;New Language&nbsp;Name&nbsp;with the&nbsp;name&nbsp;of&nbsp;the&nbsp;language.</li><li value="4" class="PlaygroundEditorTheme__listItem">Save the&nbsp;Changes:</li><li value="5" class="PlaygroundEditorTheme__listItem">After adding the&nbsp;new&nbsp;language, save the&nbsp;languages.json&nbsp;file.</li></ul>4.Verify&nbsp;the Addition:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Restart&nbsp;the application or refresh&nbsp;the&nbsp;language selection interface to ensure&nbsp;the new&nbsp;language appears&nbsp;in&nbsp;the dropdown menu.</li></ul><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Steps&nbsp;to Remove&nbsp;a&nbsp;Language</h2><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Open&nbsp;the&nbsp;languages.json&nbsp;File:</li><li value="2" class="PlaygroundEditorTheme__listItem">Navigate to&nbsp;the&nbsp;project/lang/&nbsp;directory in your project.</li><li value="3" class="PlaygroundEditorTheme__listItem">Open the&nbsp;languages.json&nbsp;file using a text editor or&nbsp;an IDE.</li></ul><img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image-(22).1734332852001.webp?alt=media" alt="" width="inherit" height="inherit"><ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Locate the Translation Key:<pre spellcheck="false" data-highlight-language="javascript">{ "welcome_message": "Welcome to our application!", "login_button": "Login", "signup_button": "Sign Up" // Other translation keys... } </pre></li><li value="3" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Inside the <code spellcheck="false" style="white-space: pre-wrap;">en.json</code> file, find the specific translation key that you want to update. The structure typically looks like this:</li></ul></li><li value="3" class="PlaygroundEditorTheme__listItem">Update the Translation Value:</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Modify the value associated with the translation key to the desired text. For example, to update the welcome message: <img src="https://firebasestorage.googleapis.com/v0/b/click-connector-staging.appspot.com/o/83c890_image-(23).1734332934461.webp?alt=media" alt="" width="inherit" height="inherit"></li></ul></li><li value="4" class="PlaygroundEditorTheme__listItem">Save the Changes:</li></ol><h2 class="PlaygroundEditorTheme__h2" dir="ltr">Conclusion</h2>By following these steps, users can easily update language translations in the application by editing the corresponding JSON files. This process allows for continuous improvement of the application's language support, ensuring that translations remain accurate and relevant. Always consider backing up the original translation files before making changes to prevent data loss.<ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">After updating the translation, save the <code spellcheck="false" style="white-space: pre-wrap;">en.json</code> file.</li></ul></li><li value="1" class="PlaygroundEditorTheme__listItem">Verify the Update:</li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Refresh the application or navigate to the relevant section to ensure that the updated translation appears correctly.</li></ul></li></ol>

<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Introduction</h2>RecruitX supports multiple languages to serve a diverse user base. This multilingual capability allows users to interact with the application in their preferred language, making the recruitment process more accessible and user-friendly. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Available Languages</h2>RecruitX comes with the following languages pre-configured: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">English (Default)</li><li value="2" class="PlaygroundEditorTheme__listItem">Español (Spanish)</li><li value="3" class="PlaygroundEditorTheme__listItem">Français (French)</li><li value="4" class="PlaygroundEditorTheme__listItem">Deutsch (German)</li><li value="5" class="PlaygroundEditorTheme__listItem">Português (Portuguese)</li><li value="6" class="PlaygroundEditorTheme__listItem">বাংলা (Bengali)</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Managing Languages</h2><h3 class="PlaygroundEditorTheme__h3" dir="ltr">Viewing Available Languages</h3>Users can switch between languages through:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">The language dropdown in the user interface</li><li value="2" class="PlaygroundEditorTheme__listItem">Their profile settings page</li><li value="3" class="PlaygroundEditorTheme__listItem">The initial setup process</li></ul> <h3 class="PlaygroundEditorTheme__h3" dir="ltr"> Adding a New Language</h3><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Locate the Language Configuration</li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ol class="PlaygroundEditorTheme__ol2"><li value="1" class="PlaygroundEditorTheme__listItem">Navigate to `project/lang/languages.json`</li><li value="2" class="PlaygroundEditorTheme__listItem">Open the file in your preferred text editor</li></ol></li><li value="2" class="PlaygroundEditorTheme__listItem">Add Language Entry: </li></ol><pre spellcheck="false" data-highlight-language="javascript">{ "available": { "en": "English", "es": "Español", "fr": "Français", "de": "Deutsch", "pt": "Português", "bn": "বাংলা", "new_code": "New Language Name" // Add your new language } }</pre> <ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Create Translation File</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ol class="PlaygroundEditorTheme__ol2"><li value="1" class="PlaygroundEditorTheme__listItem">Create a new file in `project/lang/` directory</li><li value="2" class="PlaygroundEditorTheme__listItem">Name it `new_code.json` (replace 'new_code' with your language code)</li><li value="3" class="PlaygroundEditorTheme__listItem">Copy the structure from `en.json`</li></ol></li></ol> <h3 class="PlaygroundEditorTheme__h3" dir="ltr">Customizing Translations</h3><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Locate Translation Files</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Go to `project/lang/` directory</li><li value="2" class="PlaygroundEditorTheme__listItem">Open the relevant language file (e.g., `en.json` for English)</li></ul></li></ul><ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Update Translations:</li></ol><pre spellcheck="false" data-highlight-language="javascript">{ "welcome_message": "Welcome to RecruitX", "login_button": "Login", "signup_button": "Sign Up", // other translations }</pre> <ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Apply Changes:</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Save the modified files</li><li value="2" class="PlaygroundEditorTheme__listItem">Visit `https://your-domain.com/run-optimize` to clear cache</li><li value="3" class="PlaygroundEditorTheme__listItem">Refresh your application</li></ul></li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Best Practices</h2><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Backup First😀</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Always backup language files before making changes</li><li value="2" class="PlaygroundEditorTheme__listItem">Keep a copy of the original translations</li></ul></li></ul> <ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Testing:</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Test all modified translations in the application</li><li value="2" class="PlaygroundEditorTheme__listItem">Check special characters and formatting</li><li value="3" class="PlaygroundEditorTheme__listItem">Verify language switching functionality</li></ul></li></ul> <ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Consistency:</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Maintain consistent terminology across translations</li><li value="2" class="PlaygroundEditorTheme__listItem">Follow the existing translation patterns</li><li value="3" class="PlaygroundEditorTheme__listItem">Consider cultural context when translating</li></ul></li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Need Help?</h2>If you encounter issues while configuring languages:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Verify JSON syntax in language files</li><li value="2" class="PlaygroundEditorTheme__listItem">Check file permissions</li><li value="3" class="PlaygroundEditorTheme__listItem">Ensure proper language codes are used</li><li value="4" class="PlaygroundEditorTheme__listItem">Clear application cache after changes</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Conclusion</h2>Proper language configuration ensures your RecruitX installation is accessible to users worldwide. Regular updates and maintenance of translations help provide a better user experience for your international user base.

<h2 class="PlaygroundEditorTheme__h2" dir="ltr">Introduction</h2>RecruitX supports multiple languages to serve a diverse user base. This multilingual capability allows users to interact with the application in their preferred language, making the recruitment process more accessible and user-friendly. <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Available Languages</h2>RecruitX comes with the following languages pre-configured: <ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">English (Default)</li><li value="2" class="PlaygroundEditorTheme__listItem">Español (Spanish)</li><li value="3" class="PlaygroundEditorTheme__listItem">Français (French)</li><li value="4" class="PlaygroundEditorTheme__listItem">Deutsch (German)</li><li value="5" class="PlaygroundEditorTheme__listItem">Português (Portuguese)</li><li value="6" class="PlaygroundEditorTheme__listItem">বাংলা (Bengali)</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Managing Languages</h2><h3 class="PlaygroundEditorTheme__h3" dir="ltr">Viewing Available Languages</h3>Users can switch between languages through:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">The language dropdown in the user interface</li><li value="2" class="PlaygroundEditorTheme__listItem">Their profile settings page</li><li value="3" class="PlaygroundEditorTheme__listItem">The initial setup process</li></ul> <h3 class="PlaygroundEditorTheme__h3" dir="ltr"> Adding a New Language</h3><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Locate the Language Configuration</li><li value="2" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ol class="PlaygroundEditorTheme__ol2"><li value="1" class="PlaygroundEditorTheme__listItem">Navigate to `project/lang/languages.json`</li><li value="2" class="PlaygroundEditorTheme__listItem">Open the file in your preferred text editor</li></ol></li><li value="2" class="PlaygroundEditorTheme__listItem">Add Language Entry: </li></ol><pre spellcheck="false" data-highlight-language="javascript">{ "available": { "en": "English", "es": "Español", "fr": "Français", "de": "Deutsch", "pt": "Português", "bn": "বাংলা", "new_code": "New Language Name" // Add your new language } }</pre> <ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Create Translation File</li><li value="4" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ol class="PlaygroundEditorTheme__ol2"><li value="1" class="PlaygroundEditorTheme__listItem">Create a new file in `project/lang/` directory</li><li value="2" class="PlaygroundEditorTheme__listItem">Name it `new_code.json` (replace 'new_code' with your language code)</li><li value="3" class="PlaygroundEditorTheme__listItem">Copy the structure from `en.json`</li></ol></li></ol> <h3 class="PlaygroundEditorTheme__h3" dir="ltr">Customizing Translations</h3><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Locate Translation Files</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Go to `project/lang/` directory</li><li value="2" class="PlaygroundEditorTheme__listItem">Open the relevant language file (e.g., `en.json` for English)</li></ul></li></ul><ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Update Translations:</li></ol><pre spellcheck="false" data-highlight-language="javascript">{ "welcome_message": "Welcome to RecruitX", "login_button": "Login", "signup_button": "Sign Up", // other translations }</pre> <ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Apply Changes:</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Save the modified files</li><li value="2" class="PlaygroundEditorTheme__listItem">Visit `https://your-domain.com/run-optimize` to clear cache</li><li value="3" class="PlaygroundEditorTheme__listItem">Refresh your application</li></ul></li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Best Practices</h2><ol class="PlaygroundEditorTheme__ol1"><li value="1" class="PlaygroundEditorTheme__listItem">Backup First😀</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Always backup language files before making changes</li><li value="2" class="PlaygroundEditorTheme__listItem">Keep a copy of the original translations</li></ul></li></ul> <ol start="2" class="PlaygroundEditorTheme__ol1"><li value="2" class="PlaygroundEditorTheme__listItem">Testing:</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Test all modified translations in the application</li><li value="2" class="PlaygroundEditorTheme__listItem">Check special characters and formatting</li><li value="3" class="PlaygroundEditorTheme__listItem">Verify language switching functionality</li></ul></li></ul> <ol start="3" class="PlaygroundEditorTheme__ol1"><li value="3" class="PlaygroundEditorTheme__listItem">Consistency:</li></ol><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem PlaygroundEditorTheme__nestedListItem"><ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Maintain consistent terminology across translations</li><li value="2" class="PlaygroundEditorTheme__listItem">Follow the existing translation patterns</li><li value="3" class="PlaygroundEditorTheme__listItem">Consider cultural context when translating</li></ul></li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Need Help?</h2>If you encounter issues while configuring languages:<ul class="PlaygroundEditorTheme__ul"><li value="1" class="PlaygroundEditorTheme__listItem">Verify JSON syntax in language files</li><li value="2" class="PlaygroundEditorTheme__listItem">Check file permissions</li><li value="3" class="PlaygroundEditorTheme__listItem">Ensure proper language codes are used</li><li value="4" class="PlaygroundEditorTheme__listItem">Clear application cache after changes</li></ul> <h2 class="PlaygroundEditorTheme__h2" dir="ltr">Conclusion</h2>Proper language configuration ensures your RecruitX installation is accessible to users worldwide. Regular updates and maintenance of translations help provide a better user experience for your international user base.

Language Configuration Guide

JuggleHire is a recruitment software for small businesses. It is self-hosted and currently available on Envato market. This documentation helps you to understand the software and how to use it. From installation to customization.

Was this article helpful?