commitra / commitra/react-verse

Add i18n Foundation and Language Switch Placeholder in Home.jsx

Open
#100 1 comment 0 reactions 1 assignee Claimed by @AnimeshSoni777 View on GitHub
good first issue hacktoberfest
Dominant language
JavaScript
Stars
8
Forks
34
PR merge metrics
No merged PRs in 30d

Description

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).

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.