Skip to content
A simple ride hailing app built with React Native and Expo
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.expo
assets
server
src
.env.example
.gitignore
.watchmanconfig
App.js
README.md
app.json
babel.config.js
package.json
yarn.lock

README.md

Expo Ride Hailing Application

This is an incredibly simple "ride hailing application" built with Expo and Sockets. The app allows the passenger to search for a destination and request a ride followed by the driver accepting the ride and getting directions to the pick up location.

passenger


Local Setup

  1. Clone this repository with git clone https://github.com/tsnolan23/expo-ride-hailing.git
  2. Change into the repo directory with cd expo-ride-hailing
  3. Install dependencies with yarn install
  4. Rename the .env.example file to .env
  5. Specify values for the Google API key and the IP address*
  6. Start up the simple socket server with yarn run start:server
  7. Start up the expo server with yarn start

* These values are required for the map searches and socket server to work with Expo running on your devices


Drivers

Drivers can search for potential rides, view the route to get to the passenger, accept the ride, and then have navigation begin to pick them up.

  1. Open the app using the Expo Client on your device
  2. Select Driver from the main screen
  3. Click Find Passengers
  4. Once a passenger requests a ride, a route will be planned to pick them up
  5. Accept the ride to start navigation

Passengers

Passengers can search for a destination, see a route defined on a map, and see the driver's current location when the ride is accepted.

  1. Open the app up using the Expo Client on your device
  2. Select Passenger from the main screen
  3. Search and select a destination
  4. View the planned route on a map
  5. Request a ride
  6. Once the driver has accepted the ride, you will see the car icon appear

Very loosely based on a Udemy Course, but with a complete refactor to use Expo and improve the overall code quality.

You can’t perform that action at this time.