{"id":25937060,"url":"https://github.com/zaythedev/uber-clone","last_synced_at":"2026-04-29T23:02:21.670Z","repository":{"id":266639895,"uuid":"458450306","full_name":"zaytheDEV/uber-clone","owner":"zaytheDEV","description":"The Uber Clone was my first React Native project. The objective for this app was to demonstrate my ability for front-end app design and simulate the “Ride” feature in the Uber app.","archived":false,"fork":false,"pushed_at":"2022-03-06T22:10:19.000Z","size":4346,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-04T02:55:18.559Z","etag":null,"topics":["api-client","google-direction-api","google-maps-api","javascript","react-hooks","react-native","react-router","tailwindcss","uber-clone"],"latest_commit_sha":null,"homepage":"","language":null,"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/zaytheDEV.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-02-12T07:18:56.000Z","updated_at":"2024-02-29T18:55:22.000Z","dependencies_parsed_at":"2024-12-05T10:38:45.544Z","dependency_job_id":null,"html_url":"https://github.com/zaytheDEV/uber-clone","commit_stats":null,"previous_names":["zaythedev/uber-clone"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zaytheDEV/uber-clone","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zaytheDEV%2Fuber-clone","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zaytheDEV%2Fuber-clone/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zaytheDEV%2Fuber-clone/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zaytheDEV%2Fuber-clone/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zaytheDEV","download_url":"https://codeload.github.com/zaytheDEV/uber-clone/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zaytheDEV%2Fuber-clone/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279015773,"owners_count":26085748,"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-10-13T02:00:06.723Z","response_time":61,"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":["api-client","google-direction-api","google-maps-api","javascript","react-hooks","react-native","react-router","tailwindcss","uber-clone"],"created_at":"2025-03-04T02:55:21.265Z","updated_at":"2025-10-13T14:40:18.640Z","avatar_url":"https://github.com/zaytheDEV.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"Uber Clone\n\nTo view video of the app please visit my portfolio linked below\u003c/br\u003e\nhttps://zaythedev.com/uber-clone\n\n\u003cb\u003eStack\u003c/b\u003e\n\u003cli\u003eReact Native\u003c/li\u003e\n\u003cli\u003eExpo\u003c/li\u003e\n\u003cli\u003eTailwindCSS\u003c/li\u003e\n\u003cli\u003eGoogle Places API\u003c/li\u003e\n\u003cli\u003eGoogle Distance API\u003c/li\u003e\n\nInstructions for App\n1.\tClone the repository\n2.\tDownload XCode or use VS Code and Expo Go to start a virtual mobile simulator\n3.\tEnjoy the app\n\n\nThe Uber Clone was my first React Native project. The objective for this app was to demonstrate my ability for front-end app design and simulate the “Ride” feature in the Uber app. With many of the components in this app, I used Tailwind for the inline styling. If a component had many styling attributes, I used a separate style constant to avoid messy inline code. With the styling and advanced features in this clone, it looks and feels very similar to the actual Uber app. \n\n\u003cb\u003eSuccess\u003c/b\u003e\u003cbr/\u003e\nWith API requests from Google's Places and Directions, I was able to implement address search field. A user can enter any address for their pickup and drop-off location. \n\nWith Redux I was able to manage the users state and render components based off of address entry. After entering an address Redux dispatches a pull request to render the quickest route from the pickup to drop-off location. \n\nPulling address data from Google API as in time, latitude and longitude,  I was able to properly calculate the total trip. The trip cost consist of the distance, time, and vehicle type. \n\n\u003cb\u003eChallenges\u003c/b\u003e\u003cbr/\u003e\nThe challenging part for this project was styling the components. Using Tailwind made it easier, but their syntax and sizing properties are different from the standard CSS styles. So, throughout the entire project, I had to keep referring to Tailwind’s documentation to convert their sizing units to pixels. After using tailwind for a couple of days, I eventually got used to their sizing properties. I am now able to style apps a lot faster with the help of Tailwind.\n\n\n\u003cb\u003eFeatures\u003c/b\u003e\n\u003cli\u003eLocation search auto complete\u003c/li\u003e\n\u003cli\u003eUber start and ending destination markers\u003c/li\u003e\n\u003cli\u003eView trip route\u003c/li\u003e\n\u003cli\u003eTrip total miles and ETA\u003c/li\u003e\n\u003cli\u003eVehicle type with adjusted total trip price\u003c/li\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzaythedev%2Fuber-clone","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzaythedev%2Fuber-clone","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzaythedev%2Fuber-clone/lists"}