{"id":28919499,"url":"https://github.com/googlemaps/react-on-demand-rides-deliveries-samples","last_synced_at":"2025-09-01T12:35:22.414Z","repository":{"id":66048271,"uuid":"518209743","full_name":"googlemaps/react-on-demand-rides-deliveries-samples","owner":"googlemaps","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-16T06:38:46.000Z","size":1007,"stargazers_count":11,"open_issues_count":23,"forks_count":7,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-06-22T03:42:27.246Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/googlemaps.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","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,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2022-07-26T20:36:20.000Z","updated_at":"2025-04-04T04:10:32.000Z","dependencies_parsed_at":"2025-06-22T03:42:03.047Z","dependency_job_id":"1d116e44-0080-460d-97a6-fc03e11b52ee","html_url":"https://github.com/googlemaps/react-on-demand-rides-deliveries-samples","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/googlemaps/react-on-demand-rides-deliveries-samples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Freact-on-demand-rides-deliveries-samples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Freact-on-demand-rides-deliveries-samples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Freact-on-demand-rides-deliveries-samples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Freact-on-demand-rides-deliveries-samples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/googlemaps","download_url":"https://codeload.github.com/googlemaps/react-on-demand-rides-deliveries-samples/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/googlemaps%2Freact-on-demand-rides-deliveries-samples/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273122859,"owners_count":25049666,"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","status":"online","status_checked_at":"2025-09-01T02:00:09.058Z","response_time":120,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2025-06-22T03:41:43.449Z","updated_at":"2025-09-01T12:35:22.406Z","avatar_url":"https://github.com/googlemaps.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Native for Web On-Demand Rides and Deliveries Sample\n\n## Architecture\n\nIn order to run the full end-to-end **journey sharing** use case, you need 4\ncomponents:\n\n- a [provider backend](https://github.com/googlemaps/java-on-demand-rides-deliveries-stub-provider)\n  as it can be utilized by Android, iOS, and JavaScript client samples.\n- a driver app ([Android](https://github.com/googlemaps/android-on-demand-rides-deliveries-samples/) | [iOS](https://github.com/googlemaps/ios-on-demand-rides-deliveries-samples/))\n- a consumer app ([Android](https://github.com/googlemaps/android-on-demand-rides-deliveries-samples/) | [iOS](https://github.com/googlemaps/ios-on-demand-rides-deliveries-samples/))\n- a web app (included in this repository)\n\nThe consumer and driver mobile apps communicate with the provider backend. The web app also communicates with the provider backend to request authentication tokens. The provider backend communicates with the Fleet Engine.\n\n## Prerequisites\n\n1. Complete [Getting Started with Fleet Engine](https://developers.google.com/maps/documentation/transportation-logistics/on-demand-rides-deliveries-solution/trip-order-progress/fleet-engine).\n2. Run [provider backend](https://github.com/googlemaps/java-on-demand-rides-deliveries-stub-provider).\n3. Run both consumer mobile app and the driver mobile app. Use these to create vehicles and trips to track with the React Native Web sample app.\n\n## Getting started\n\n### Step 1 - Download and install dependencies\n\nThese dependencies are needed to run the sample app. If you have them installed already you can skip these steps below.\n\n- Download \u0026 install node from https://nodejs.org/en/download/\n- Download \u0026 install expo CLI:\n\n```\nnpm install --global expo-cli\n```\n\n### Step 2 - Populate `./node_modules`\n\nThis will install all packages declared in `package.json` of the sample project to make sure all dependencies are properly installed.\n\n```\nnpm install --legacy-peer-deps\n```\n\n### Step 3 - Add API key and other metadata (required)\n\nIn `/src/utils/consts.tsx`, do the following:\n\n- Set the `PROVIDER_URL` constant to the URL of your provider that was set up in Prerequisite #2.\n- Set the `PROVIDER_PROJECT_ID` constant to your Cloud project ID\n- Set the `API_KEY` constant to your Google Maps API key\n\n```typescript\n// Replace 'YOUR_PROVIDER_URL' with the URL of your provider. See\n// https://github.com/googlemaps/java-on-demand-rides-deliveries-stub-provider\n// for instructions on how to set up a provider.\nexport const PROVIDER_URL = 'YOUR_PROVIDER_URL';\nexport const PROVIDER_PROJECT_ID = 'YOUR_PROJECT_ID';\nexport const API_KEY = 'YOUR_API_KEY';\n```\n\n### Step 4 - Run the sample app\n\nFrom this directory, run `npm run web` to start a development server. The app will automatically reload if you change any of the source files.\n\n### Step 5 - Start tracking a trip\n\nEnter a trip ID for a trip you created (Prerequisite #3) in the Trip ID input field and click \"Find\".\n\n![On-Demand Rides and Deliveries tracking](images/trip_tracking_image.png)\n\n## Important references\n\n- [Installing Cloud SDK](https://cloud.google.com/sdk/docs/install)\n- [Transportation SDKs - JavaScript SDK Setup](https://developers.google.com/maps/documentation/transportation-logistics/on-demand-rides-deliveries-solution/trip-order-progress/consumer-sdk/consumer_sdk_quickstart_javascript)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgooglemaps%2Freact-on-demand-rides-deliveries-samples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgooglemaps%2Freact-on-demand-rides-deliveries-samples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgooglemaps%2Freact-on-demand-rides-deliveries-samples/lists"}