commitra/react-verse

Add i18n Foundation and Language Switch Placeholder in Home.jsx

Aperta

#100 aperta il 19 ott 2025

Vedi su GitHubGuida contributor
 (1 commento) (0 reazioni) (1 assegnatario)JavaScript (34 fork)auto 404
good first issuehacktoberfest

Metriche repository

Star
 (8 stelle)
Metriche merge PR
 (Metriche PR in attesa)

Descrizione

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

Guida contributor

Direzione di ricerca
Imposta una directory i18n con file JSON per le lingue, configura react i18next o un hook personalizzato, sostituisci il testo statico in Home.jsx con chiavi di traduzione e aggiungi un menu a tendina/pulsante per il cambio lingua nell'interfaccia.
Tech stack
javascriptreact
Dominio
frontend
Tipo issue
Funzionalità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Mezza giornata
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Nuova
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
ReactJavaScript
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70