top of page

Create Your First Project

Start adding your projects to your portfolio. Click on "Manage Projects" to get started

.pro-gallery-wix-wrapper {display: block !important;} .pro-gallery-wix-wrapper .gallery-item-container {opacity: 1 !important; display: block !important;}

Uber Mobile App Clone

Project type

Mobile Web app Clone

Date

April 2025

Location

London

Created a clone of the Uber interface, focusing on the user map and ride request functionality.
Technologies Used: React Native,Google Autocomplete, Google Directions API, Google Places API, Google Distance Matrix API)
GitHub:https://github.com/grnt7/Uber-Clone3,
URL: Expo go for Android.

Uber Clone Page screenshot demonstrating Google Places Autocomplete.

Uber Clone Page screenshot demonstrating Google Places Autocomplete.

Uber Clone Screenshot for selecting pick-up location with input box placeholder showing, "where from?"

Uber Clone Screenshot for selecting pick-up location with input box placeholder showing, "where from?"

Uber Clone Screenshot for selecting destination "Where to?"Image displays a google map with marker of pick-up location and a destination input box including Google places autocomplete below.

Uber Clone Screenshot for selecting destination "Where to?"Image displays a google map with marker of pick-up location and a destination input box including Google places autocomplete below.

Uber clone ride selection page screenshot. Displays a Google map with the markers of pick-up and destination linked by a black route line. The distance between these points displays below the map. This is possible by use of the Google distance matrix api. Below this are the ride options such as Uber X, Uber XL, UBer Lux with corresponding prices calculated.

Uber clone ride selection page screenshot. Displays a Google map with the markers of pick-up and destination linked by a black route line. The distance between these points displays below the map. This is possible by use of the Google distance matrix api. Below this are the ride options such as Uber X, Uber XL, UBer Lux with corresponding prices calculated.

.pro-gallery-wix-wrapper {display: block !important;} .pro-gallery-wix-wrapper .gallery-item-container {opacity: 1 !important; display: block !important;}

bottom of page