A React-based resume application with multi-language support.
- Multi-language Support: English and Thai translations
- Language Switcher: Fixed position language toggle buttons
- Responsive Design: Works on desktop and mobile devices
- Print-friendly: Language switcher hidden when printing
- English (en): Default language
- Thai (th): Thai translation
yarn install
yarn dev
yarn build
The app uses react-i18next
for internationalization:
- Translation files are located in
src/locales/
- Language detection is automatic based on browser settings
- Language preference is stored in localStorage
- Fallback language is English
- Create a new translation file in
src/locales/[language].json
- Add the language to
src/i18n.js
resources - Update the language switcher in
src/components/LanguageSwitcher.jsx
{
"basicInfo": {
"name": "Name",
"bio": "Bio description"
},
"profile": {
"title": "Profile",
"description": ["Array", "of", "descriptions"]
}
}
LanguageSwitcher
: Fixed position language toggleBasicInfo
: Personal information with translationsProfile
: Profile description with translated contentSkills
: Technical and language skillsExperience
: Work experience with translated titlesEducation
: Educational backgroundInterests
: Personal interests with translated names