https://github.com/andrii-bodnar/crowdin-in-context-demo

Demo project to showcase how Crowdin In-Context can be integrated into the Vue app
https://github.com/andrii-bodnar/crowdin-in-context-demo

Last synced: 23 days ago
JSON representation

Demo project to showcase how Crowdin In-Context can be integrated into the Vue app

• Host: GitHub
• URL: https://github.com/andrii-bodnar/crowdin-in-context-demo
• Owner: andrii-bodnar
• Created: 2021-06-16T11:05:55.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-07T20:36:45.000Z (about 1 year ago)
• Last Synced: 2024-10-04T18:41:46.230Z (about 1 month ago)
• Language: Vue
• Homepage: https://andrii-bodnar.github.io/crowdin-in-context-demo/
• Size: 1.74 MB
• Stars: 2
• Watchers: 3
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Crowdin In-Context demo for Vue App

Crowdin In-Context tool allows translating texts directly within the actual web application. In such a way, the best translation quality is maintained

This project is aimed to showcase how Crowdin In-Context can be integrated into the Vue app

:rocket: [LIVE DEMO](https://andrii-bodnar.github.io/crowdin-in-context-demo/) :rocket:

## How to use :wrench:

By default, App is running on an English locale. For translating in context, please select the "In-Context" option at the bottom of the page.

To use your own Crowdin project, you need:

- fork this repo

- setup GitHub Page for your project and point it to the `gh-pages` branch (*Settings > Pages*)

- go to the *Actions* tab and enable workflows

- change the project in the In-Context configuration (`index.html` file)

- upload `src/locales/en.json` file to the Crowdin project

- replace `src/locales/ach.json` (in the repository) with your In-Context language strings

- wait until the GH Workflow finish and visit your page.

To add a new locale you need to add new language file to the `src/locales` directory and add an option to the `src/components/LocaleSwitcher.vue`.

## Additional links

- [Knowledge Base](https://support.crowdin.com/in-context-localization/)

- [Developer Portal](https://developer.crowdin.com/)

- [Crowdin Marketplace](https://store.crowdin.com/)

- Crowdin project used for this demo - [In-Context demo](https://crowdin.com/project/in-context-demo)

## Author

- [Andrii Bodnar](https://github.com/andrii-bodnar)

## License

MIT