https://github.com/ak1103dev/resume
My resume
https://github.com/ak1103dev/resume
pre-rendering react resume
Last synced: 5 months ago
JSON representation
My resume
- Host: GitHub
- URL: https://github.com/ak1103dev/resume
- Owner: ak1103dev
- Created: 2017-04-29T02:08:06.000Z (about 9 years ago)
- Default Branch: main
- Last Pushed: 2025-09-03T16:55:24.000Z (10 months ago)
- Last Synced: 2025-09-03T17:39:15.723Z (10 months ago)
- Topics: pre-rendering, react, resume
- Language: JavaScript
- Homepage: https://resume.ak1103dev.com/
- Size: 4.15 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Resume App with Internationalization
A React-based resume application with multi-language support.
## Features
- **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
## Available Languages
- **English (en)**: Default language
- **Thai (th)**: Thai translation
## Development
### Install Dependencies
```bash
yarn install
```
### Run Development Server
```bash
yarn dev
```
### Build for Production
```bash
yarn build
```
## Translation System
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
### Adding New Languages
1. Create a new translation file in `src/locales/[language].json`
2. Add the language to `src/i18n.js` resources
3. Update the language switcher in `src/components/LanguageSwitcher.jsx`
### Translation Structure
```json
{
"basicInfo": {
"name": "Name",
"bio": "Bio description"
},
"profile": {
"title": "Profile",
"description": ["Array", "of", "descriptions"]
}
}
```
## Components
- `LanguageSwitcher`: Fixed position language toggle
- `BasicInfo`: Personal information with translations
- `Profile`: Profile description with translated content
- `Skills`: Technical and language skills
- `Experience`: Work experience with translated titles
- `Education`: Educational background
- `Interests`: Personal interests with translated names