Skip to content

RobinRuf/uber_clone

Repository files navigation

Uber Clone in React Native

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.

Static Badge

Built with

  • 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

Features

  • 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

Missing

  • Uber Eats functionality is not included - it is just there for the optic. If someone wants to do this - feel free.

Screenshots

HomeScreen Map Screen Map Screen 2

Setup

  1. Clone the Repo git clone
  2. Install packages npm i
  3. Start metro expo start
  4. After metro is loaded, start iOS or Android-Emulator (i for iOS)

Contributions

Feel free to create a merge request in the Workspace branch if you want to add something.

How to Contribute

  1. Fork the Repo
  2. Clone the forked Repo git clone git@github.com:....
  3. Create a branch for your feature or fix git checkout -b feat/featname or git checkout -b fix/fixname
  4. Comment your code, so everyone knows what you did
  5. Push your branch
  6. Send your pull request to the main branch
  7. Your pull request will be reviewed by the maintainers and the maintainers will decide if it is accepted or not
  8. Once the pull request is accepted, the maintainers will merge it to the main branch