DEV Community

Cover image for Creating an Uber clone app with React Native
Emmanuel Chucks
Emmanuel Chucks

Posted on

Creating an Uber clone app with React Native

I have been immersing myself in some React coding for a while and always wanted to give React Native a try. Went on YouTube and found this awesome video about building an Uber clone with Expo.

Expo is a tool that seeks to ease the pain of working with React Native like setting up a native development environment and managing native dependencies. You can get up and running quickly without having to worry about setting up XCode and Android Studio.

The Uber clone app was also made with a few third-party libraries and some incredibly useful Google APIs, thanks Google! I was pleased to find out I could use Tailwind to style my React Native components.

Here are some screenshots of the app:
app screenshots

Check out the code/demo on GitHub and critique me.

GitHub logo emmanuelchucks / react-native-uber-clone

Uber clone built with React Native, Expo

Logo

React Native Uber Clone

A cross-platform Uber clone app built with React Native, Expo

Demo

React native uber clone

Features

  • Cross platform (Web, iOS, Android)
  • Pick origin and destination
  • Pick ride type (UberX, Uber XL, Uber LUX)
  • Show fare and travel distance
  • Show travel time

Run Locally

Clone the project

  git clone https://github.com/emmanuelchucks/react-native-uber-clone.git
Enter fullscreen mode Exit fullscreen mode

Go to the project directory

  cd react-native-uber-clone
Enter fullscreen mode Exit fullscreen mode

Install dependencies

  npm install
Enter fullscreen mode Exit fullscreen mode

Start the server

  npm start
Enter fullscreen mode Exit fullscreen mode

Screenshots

Screen to pick an origin Screen to pick a destination Screen to pick a ride

Discussion (0)