This project is an Uber clone, built with Expo, React Native and several other modern mobile development technologies. It showcases a simple replica of Uber's mobile UI.
Here are the core technologies used in the development of this project:
- Expo: An open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React.
- React Native: A JavaScript framework for writing real, natively rendering mobile applications for iOS and Android.
- React Navigation: Routing and navigation for your React Native apps.
- Redux Toolkit: The official, opinionated, batteries-included toolset for efficient Redux development.
Other notable libraries include:
- react-native-elements: Cross-platform React Native UI Toolkit.
- react-native-google-places-autocomplete: Customizable Google Places autocomplete component for iOS and Android React-Native apps.
- react-native-maps: React Native Mapview component for iOS and Android.
- react-native-maps-directions: Directions component for react-native-maps.
- react-native-vector-icons: Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling.
You need to have Node.js, npm, and Expo CLI installed on your machine. Once you have these, follow the steps:
-
Clone this repository:
git clone https://github.com/apetta/uber-clone.git
-
Navigate to the project directory:
cd uber-clone
-
Install the dependencies:
npm install
-
Create a .env file in the root directory and add your Google Maps API key (you can get one here):
GOOGLE_MAPS_APIKEY=your_google_maps_api_key
-
Start the Expo server:
expo start
-
Open the app on your device with Expo Go by scanning the QR code that appears in the terminal or in the browser. (Note: If there's an issue loading the app, try reloading it by pressing
r
in the terminal)