Taxi App In React Native

Make a basic taxi app in React Native!

Last updated 2022-01-10 | 4.8

- How to get device location in React Native
- How to make a passenger app and driver communicate via. Sockets
- How to install react-native-maps for both iOS and Android

What you'll learn

How to get device location in React Native
How to make a passenger app and driver communicate via. Sockets
How to install react-native-maps for both iOS and Android
How to use Google Maps Places API for places autosuggestions
How to use Google Maps Routes API for route directions
How to draw polyline directions on the map
How to send drivers location in background to passenger app
How to create JWT authentication with Nodejs
How to create a simple Socket-io backend

* Requirements

* Basic JavaScript ES6
* Basic knowledge of React Native

Description

Please note that this is not a "full taxi app", it's definitely lacks some functionality before you can either sell it or deploy it to a app store. It doesn't have any fare monitoring or payment functionality. I see this sort of a "early access" version of the course, and I intend on updating it based on my students requests in the future. First of all, I'm excited to see how my students take in the hours of content there already is.

That being said, I hope you will enjoy this course, and if you have any questions or request, don't hesitate to message me or use Udemy's Q&A. Thank you!

Hello and welcome to my little course!

In this course you will learn how to make a very basic taxi app in React Native. You will learn how to make a side both for the driver and passenger, and how to make the two devices communicate with each other.

You'll learn how to install and use react-native-maps, how to use Google Maps API's to get places suggestions and routes.

You'll learn how to send a request from a passenger to a driver, and updating the passenger with the driver location.


Who this course is for:

  • Developers familiar with React who wants to get a headstart at making a taxi app

Course content

4 sections • 19 lectures

Why build a chat app - I thought we're making a taxi app? Preview 00:20

If you have this issue... Preview 00:51

Building a simple chat app in React Native and Socket.io Preview 30:48

Nice job! Preview 00:11

Installing react-native-maps on Android Preview 13:02

Getting location in React Native Preview 07:19

Installing react-native-maps on iOS Preview 17:49

Using Places Autocomplete API Preview 20:47

Using Google Directions API and drawing route Preview 27:20

Backend starting point Preview 00:29

Requesting a ride from passenger to taxi Preview 49:35

Sending location in background Preview 01:09:23

Creating mock route and loading mock route in simulator Preview 20:57

Using Higher Order Components Preview 46:43

Creating a REST API for login with Nodejs Express Preview 27:58

Express Router & Controller for User creation Preview 30:19

Creating and using JWT for authentication in Nodejs Express Preview 26:53

Creating Login form in React Native Preview 50:31

Passenger/Driver selection screen and token state Preview 26:05