Description
Currently, our react-i18next language switcher in the Navbar only translates the top navigation links. When a user switches to Hindi or Bengali, the rest of the application (Landing Page, Scanner, Map, Authentication, etc.) remains entirely in English because those strings are hardcoded.
This is a major issue for our accessibility and global reach. We need to implement full internationalization (i18n) across the entire platform.
Tasks
- Audit all pages in
src/pages/ and components in src/components/.
- Replace all hardcoded English text strings with the
t('key') function from useTranslation().
- Add the corresponding translation keys and values to the Hindi (
hi.json), Bengali (bn.json), and English (en.json) translation dictionaries in src/i18n/locales/.
- Ensure dynamic text (like error messages and API responses) is also handled gracefully.
Description
Currently, our
react-i18nextlanguage switcher in the Navbar only translates the top navigation links. When a user switches to Hindi or Bengali, the rest of the application (Landing Page, Scanner, Map, Authentication, etc.) remains entirely in English because those strings are hardcoded.This is a major issue for our accessibility and global reach. We need to implement full internationalization (i18n) across the entire platform.
Tasks
src/pages/and components insrc/components/.t('key')function fromuseTranslation().hi.json), Bengali (bn.json), and English (en.json) translation dictionaries insrc/i18n/locales/.