Skip to content

Add i18n Foundation and Language Switch Placeholder in Home.jsx #100

@venisha-kalola

Description

@venisha-kalola

Introduce a basic internationalization (i18n) setup for the app starting with Home.jsx.
This foundation will allow easy translation of UI text by using external JSON files (e.g., en.json, fr.json, etc.).
Add a simple language switch placeholder in the UI to prepare for future multilingual support.

🎯 Goals / Acceptance Criteria

Set up an i18n directory or folder structure for language files (/src/i18n/en.json).

Implement basic i18n configuration using a library like react-i18next or a custom hook.

Replace static text in Home.jsx with i18n translation keys.

Add a language switch placeholder (dropdown or button) in the header or footer.

Ensure default language is English (en).

Prepare the structure for adding more languages in future (e.g., fr.json, es.json).

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions