Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dyslex7c/uber-clone
Uber Mobile Application Clone using React Native and Typescript
https://github.com/dyslex7c/uber-clone
expo-go react-native react-native-maps react-native-navigation redux-toolkit tailwindcss taxi-app typescript uber-clone
Last synced: about 2 months ago
JSON representation
Uber Mobile Application Clone using React Native and Typescript
- Host: GitHub
- URL: https://github.com/dyslex7c/uber-clone
- Owner: Dyslex7c
- Created: 2024-07-09T16:25:31.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-18T16:40:00.000Z (5 months ago)
- Last Synced: 2024-07-19T01:03:32.371Z (5 months ago)
- Topics: expo-go, react-native, react-native-maps, react-native-navigation, redux-toolkit, tailwindcss, taxi-app, typescript, uber-clone
- Language: TypeScript
- Homepage:
- Size: 5.44 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Uber Clone built with React Native and Typescript. The UI consists of a search bar and two options, Uber Rides and Uber Eats. (Uber Eats has not been developed as yet) The user can select favourites which consist of home location and work location. After selecting a valid pick-up location and after clicking on Uber Rides, the user navigates to another screen which asks for the drop-location and after the user provides that, he/she navigates to another screen consisting of ride options each having parameters - type of vehicle, travel time and total fare. The user can select any one of the given ride options.
## Usage
Navigate to the root directory and run
```
npm i
```
for installing all the dependencies. To start the application, run
```
npm start
```You can use an emulator on your pc to use the app or scan the QR code using your Android/iOS device to use it there as well
![alt text](assets/images/screenshots/uber1.png)
The user can also select a pick-up location as well as a drop-location from a list of cities, towns, counties, districts etc. from the searchbar having options which have been implemented using OpenStreetMap API. The UI of the mapscreen displays a map which has been implemented using `react-native-maps` package. The uber app uses other react utilities as well.
![alt text](assets/images/screenshots/uber2.png)