{"id":19967787,"url":"https://github.com/thegera4/uber-clone","last_synced_at":"2026-04-06T21:31:35.874Z","repository":{"id":145791166,"uuid":"551192307","full_name":"thegera4/uber-clone","owner":"thegera4","description":"Uber clone in react-native","archived":false,"fork":false,"pushed_at":"2022-10-16T22:25:55.000Z","size":833,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-29T15:29:44.254Z","etag":null,"topics":["google-directions-api","google-matrix-api","googleplaces-api","javascript","react","react-native","react-native-elements","react-navigation","redux-toolkit","tailwind"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thegera4.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2022-10-14T01:29:59.000Z","updated_at":"2022-10-16T22:27:04.000Z","dependencies_parsed_at":null,"dependency_job_id":"c53d8110-b3de-420e-b006-2fa82f1ed712","html_url":"https://github.com/thegera4/uber-clone","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/thegera4/uber-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thegera4%2Fuber-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thegera4%2Fuber-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thegera4%2Fuber-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thegera4%2Fuber-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thegera4","download_url":"https://codeload.github.com/thegera4/uber-clone/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thegera4%2Fuber-clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31491096,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-06T17:22:55.647Z","status":"ssl_error","status_checked_at":"2026-04-06T17:22:54.741Z","response_time":112,"last_error":"SSL_read: 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":["google-directions-api","google-matrix-api","googleplaces-api","javascript","react","react-native","react-native-elements","react-navigation","redux-toolkit","tailwind"],"created_at":"2024-11-13T02:43:43.986Z","updated_at":"2026-04-06T21:31:35.865Z","avatar_url":"https://github.com/thegera4.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# uber-clone\nThis is a small uber-clone. It was made to practice react-native. I used the following tools for this project:\n* Google Places Api\n* Directions API\n* Distance Matric API\n* React native elements toolkit\n* Tailwind css\n* Redux Toolkit\n\nIn the home screen, you will find an input that uses the Google Places API, to fetch the data of the places similar to the user input (autocomplete). This input value sets the origin of the user.\nIt also has validation (if you do not input a place, you can not select from the possible options):\n\n![homescreen](https://user-images.githubusercontent.com/84020433/196061108-65b2f13d-6a86-4d1f-85df-9b21ce39faff.jpg)\n![validationhome](https://user-images.githubusercontent.com/84020433/196061115-1292ed9c-1f50-4d5d-b719-cfbad8167c18.jpg)\n![googleplacesautocomplete](https://user-images.githubusercontent.com/84020433/196061112-4fdc36bf-b45e-408f-bed3-b7875ad77415.jpg)\n\nIf you click on the \"Get a ride\" option button, you will navigate to the next screen, where you will find a fully functional map, provided by the react-native-maps API. \n\nIn this screen you have another input that also uses the google places api to autocomplete the destination value.\nThere is also a hamburguer icon that allows you to navigate back to the home screen.\n\nFinally when you select a destination, the map is updated with the distance calculation, as well as the price is shown in the screen.\n\n![mapview](https://user-images.githubusercontent.com/84020433/196061162-4b915f04-fe4b-4728-ada0-0c7760775bf3.jpg)\n![distance](https://user-images.githubusercontent.com/84020433/196061165-75abfb61-03c6-4ffa-942e-67c9d74ee79a.jpg)\n![distancexl](https://user-images.githubusercontent.com/84020433/196061167-e071bcf0-de73-48af-bc2e-0f5db41ea09b.jpg)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthegera4%2Fuber-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthegera4%2Fuber-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthegera4%2Fuber-clone/lists"}