{"id":23500216,"url":"https://github.com/williamtsoi1/react-native-firestore-demo","last_synced_at":"2026-05-08T10:32:16.534Z","repository":{"id":38901859,"uuid":"255816126","full_name":"williamtsoi1/react-native-firestore-demo","owner":"williamtsoi1","description":"Demo app on how to access Firestore using a React Native app","archived":false,"fork":false,"pushed_at":"2022-12-06T16:38:37.000Z","size":1777,"stargazers_count":2,"open_issues_count":14,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-05T01:51:36.359Z","etag":null,"topics":["firebase","firestore","gcp","react-native"],"latest_commit_sha":null,"homepage":null,"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/williamtsoi1.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-04-15T05:40:32.000Z","updated_at":"2025-01-05T17:11:37.000Z","dependencies_parsed_at":"2022-08-23T15:20:47.855Z","dependency_job_id":null,"html_url":"https://github.com/williamtsoi1/react-native-firestore-demo","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/williamtsoi1/react-native-firestore-demo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamtsoi1%2Freact-native-firestore-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamtsoi1%2Freact-native-firestore-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamtsoi1%2Freact-native-firestore-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamtsoi1%2Freact-native-firestore-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/williamtsoi1","download_url":"https://codeload.github.com/williamtsoi1/react-native-firestore-demo/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/williamtsoi1%2Freact-native-firestore-demo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32776631,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-08T08:22:46.396Z","status":"ssl_error","status_checked_at":"2026-05-08T08:22:45.650Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["firebase","firestore","gcp","react-native"],"created_at":"2024-12-25T06:39:29.213Z","updated_at":"2026-05-08T10:32:16.511Z","avatar_url":"https://github.com/williamtsoi1.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-native-firestore-demo\nThis is a demo app to demonstrate how Firestore can be used in React Native apps using the [React Native Firebase](https://rnfirebase.io) SDK.\n\nThe demo app is largely inspired by the [Create React Native Firebase CRUD App with Firestore](https://www.positronx.io/create-react-native-firebase-crud-app-with-firestore/) tutorial, with an added twist of some server side processing of inputs.\n\n## What does this app do?\n![screenshot][screenshot]\n\nThis is a simple guestbook app, where the user can enter his/her name, email address, phone number and a greeting message. This data is saved in Firestore.\n\n![architecture][architecture]\n\nWhen there is a write operation into Firestore, a Cloud Function is triggered, and a translation of the greeting message is obtained through the Google Translate API. This translation is written back into Cloud Firestore and this is immediately made available to the mobile app in real time.\n\n\n\n## To run the project \n* Create a Firebase project and create a Firestore database\n* Git clone \n* Create a `database/firebaseDb.js` file based from `database/firebaseDb.js.sample`\n* Enter your firebase credentials into `database/firebaseDb.js`\n* `npm install`\n* `npm start`\n\n## To enable Translate API functionality\n* Create an \"Translate Text\" extension within Firebase console.\n* Enter the following for input parameters for the extension:\n  * Target languages for translations: `ja`\n  * Collection Path: `users`\n  * Input field name: `greeting`\n  * Translation output field name: `translated`\n\n[screenshot]: ./img/app-screenshot.png\n[architecture]: ./img/architecture.png","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamtsoi1%2Freact-native-firestore-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwilliamtsoi1%2Freact-native-firestore-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwilliamtsoi1%2Freact-native-firestore-demo/lists"}