{"id":13463133,"url":"https://github.com/agrcrobles/react-native-live-translator","last_synced_at":"2025-03-25T06:31:32.948Z","repository":{"id":74430848,"uuid":"96461497","full_name":"agrcrobles/react-native-live-translator","owner":"agrcrobles","description":"bleh bleh bleh","archived":false,"fork":false,"pushed_at":"2017-07-20T13:20:08.000Z","size":2607,"stargazers_count":148,"open_issues_count":1,"forks_count":30,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-10-29T13:50:26.266Z","etag":null,"topics":["cloud-vision","google-cloud","react-native","translates"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/agrcrobles.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-07-06T18:42:22.000Z","updated_at":"2024-10-23T11:44:00.000Z","dependencies_parsed_at":"2023-07-27T17:35:39.967Z","dependency_job_id":null,"html_url":"https://github.com/agrcrobles/react-native-live-translator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agrcrobles%2Freact-native-live-translator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agrcrobles%2Freact-native-live-translator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agrcrobles%2Freact-native-live-translator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/agrcrobles%2Freact-native-live-translator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/agrcrobles","download_url":"https://codeload.github.com/agrcrobles/react-native-live-translator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245413867,"owners_count":20611353,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cloud-vision","google-cloud","react-native","translates"],"created_at":"2024-07-31T13:00:46.693Z","updated_at":"2025-03-25T06:31:31.889Z","avatar_url":"https://github.com/agrcrobles.png","language":"JavaScript","funding_links":[],"categories":["Open Source Apps","开源App","JavaScript"],"sub_categories":["Other Platforms"],"readme":"# react-native-live-translator\n\n\u003e An augmented reality experiment in react native\n\n![Image of googleplay](https://lh3.googleusercontent.com/fhR9eIkBWnbDZJQXRGRbRndG9b80ZwxzjL19DBqddH4AAZS-y3huZy7w10bk8WxB1JI=w200)\n\n**Try beta release:** https://play.google.com/apps/testing/com.livetranslator\n\n## Overview\n\nA simple and small app that translates in real time what you see from your mobile.\n\nAugmented reality is an overlay of content on the real world, it means to add enhancements to the existing reality in order to make it more meaningful.\n\nWith the help of advanced Google Cloud technology such as Cloud Vision, the information and the environment surrounding can become interactive.\n\nIt is inspired from [Google's \"Giorgio Cam\" AI](https://www.youtube.com/watch?v=eKeI63VSpto) and [react-native-camera-translator](https://github.com/DjordjePetrovic/react-native-camera-translator) experiments.\n\nFor a thorough discussion, please read the following [blog post](https://blog.hellojs.org/an-augmented-reality-experiment-in-react-native-fc473f6c1b5c) about it.\n\n\n## Selecting a language.\nI created the language selector using snack expo using Animated and PanResponder from react native.\n\nhttps://snack.expo.io/SkhJOy4B-\n\n## Rotating the dialog\n\nI am also using the mobile accelerometer to create an animated transition in order to improve the user experience when rotating the mobile.\n\nhttps://snack.expo.io/B1jDvJEH-\n\nhttps://snack.expo.io/Bk0aqeTSZ\n\n## Quick start\n\nClone the repository\n```\ngit clone https://github.com/agrcrobles/react-native-live-translator.git\ncd react-native-live-translator\n```\n\nRun the app\n```\nreact-native run-android # only on android\nreact-native run-ios # only on ios\n```\n\nPrerequisites: Node version 6.0 or higher and npm version 3.0 or higher as well as android or ios running.\n\nMore info see: https://facebook.github.io/react-native/docs/getting-started.html\n\n## Configure Google API yourself\n\n* Enable the Cloud Vision API, for doing that, take a look at this [quickstart guide](https://cloud.google.com/vision/docs/quickstart)\n\n* Enable Translate API as explained [here](https://cloud.google.com/translate/docs/translating-text) \n\nFor further information look into [getting started](https://cloud.google.com/translate/docs/getting-started) docs.\n\n* Reminder: After enabling the Google Cloud API, click the Go to Credentials button to set up your Cloud Translation API credentials.\n\n* Finally, add the key in the package.json file of the project\n\n## Supported languages\n\n* en: English\n* es: Spanish\n* de: Deutsch\n\n## Dependencies\n\n* react-native-camera\n* react-native-timer\n* [react-native-sensors](https://github.com/react-native-sensors/react-native-sensors#cool-projects-using-react-native-sensors)\n\n## Contribute!! :)\n\nThe following improvements and PR could be accepted:\n\n* Improve error handler and encoding\n* Move from REST to Google Cloud Translator API. https://cloud.google.com/translate/docs/apis?hl=es-419\n* Improved Translate text by using Compute hamming\n* An image diff algorithm could be also useful to avoid being overkill when taking and recording a picture.\n\n## Demo\n\n![me playing with the app](https://raw.githubusercontent.com/agrcrobles/react-native-live-translator/master/assets/demo.gif)\n\n## License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagrcrobles%2Freact-native-live-translator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fagrcrobles%2Freact-native-live-translator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fagrcrobles%2Freact-native-live-translator/lists"}