Uber is the favorite transport service provider for many of us - and to be honest, I like their minimalistic App design.
That was the reason why I built it - and to develop my React Native skills.
- Redux
- Google Places API
- react-native-google-places-autocomplete
- Google Distance Matrix API
- react-native-maps
- react-native-maps-directions
- tailwind-react-native-classnames
- react-native-elements
- react-navigation
- Homescreen with Origin input
- Map screen with a beautiful Google Map and Destination input
- Stacked Map Screen with two markers (origin & destination) connected with a stroke and the options
of different Uber-Services with calculated travel time and prices
- Uber Eats functionality is not included - it is just there for the optic. If someone wants to do this - feel free.
![HomeScreen](https://private-user-images.githubusercontent.com/39103327/258655231-482364e4-fc1d-43ee-8d25-fd278d5cda29.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkxMzIzNDgsIm5iZiI6MTcxOTEzMjA0OCwicGF0aCI6Ii8zOTEwMzMyNy8yNTg2NTUyMzEtNDgyMzY0ZTQtZmMxZC00M2VlLThkMjUtZmQyNzhkNWNkYTI5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIzVDA4NDA0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTgxOWE0M2Y5ZDk1OWYwNmQzZmNmZWE5ODNmMmZmYjhjNWQwNmJhNDFmMThiNjQ4ODhkNzNlNzA3MjkzODdmZmYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.NQ-msOvG2Ex8h-bwagGLRZiO1FXhUPC_t9qiiH9fCsY)
![Map Screen](https://private-user-images.githubusercontent.com/39103327/258655236-3e4211c1-de19-4117-a033-10132563b141.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkxMzIzNDgsIm5iZiI6MTcxOTEzMjA0OCwicGF0aCI6Ii8zOTEwMzMyNy8yNTg2NTUyMzYtM2U0MjExYzEtZGUxOS00MTE3LWEwMzMtMTAxMzI1NjNiMTQxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIzVDA4NDA0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTlmN2Q5MjY4MTg2ZTBmY2MwYTdmZmIwOGNiZDBlN2M1NzIxZjk5NjIxMDJmY2I4ZjU3MDZjZDdkMTFhNDg3M2ImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.cz4QkQHD1L-zmD5OJTZPHEbMnaBlHHNc3eOPQzwjxmQ)
![Map Screen 2](https://private-user-images.githubusercontent.com/39103327/258655240-d6f2ae9a-7256-478a-829f-e3ff2a94d289.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTkxMzIzNDgsIm5iZiI6MTcxOTEzMjA0OCwicGF0aCI6Ii8zOTEwMzMyNy8yNTg2NTUyNDAtZDZmMmFlOWEtNzI1Ni00NzhhLTgyOWYtZTNmZjJhOTRkMjg5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjMlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIzVDA4NDA0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcyZGI4OGYwZWM2MzQ1N2I4YTY5YjA3NGYyNzgxYTkzNTM5MWZkM2VkM2RhNTk4NDQzNzk5YWQ2NDg5YTRiYWYmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.lamALKTEIMZn5vxM6OL8ghkm1w0U8pwmn_2Ylejxt0Q)
- Clone the Repo
git clone
- Install packages
npm i
- Start metro
expo start
- After metro is loaded, start iOS or Android-Emulator (
i
for iOS)
Feel free to create a merge request in the Workspace
branch if you want to add something.
- Fork the Repo
- Clone the forked Repo
git clone git@github.com:....
- Create a branch for your feature or fix
git checkout -b feat/featname
orgit checkout -b fix/fixname
- Comment your code, so everyone knows what you did
- Push your branch
- Send your
pull request
to themain
branch - Your pull request will be reviewed by the maintainers and the maintainers will decide if it is accepted or not
- Once the pull request is accepted, the maintainers will
merge
it to themain
branch