React Native Food Delivery

screenshot of React Native Food Delivery

React Native Food Delivery

A food delivery app built with React Native, Pusher Channels, Chatkit, and Beams

Overview:

React-Native-Food-Delivery is a food delivery app created using React Native, Pusher Channels, Chatkit, and Beams. It offers features like food ordering, real-time location tracking, one-on-one chat, and push notifications. The app source code is divided into branches representing different parts of the tutorial, making it easy to follow and implement.

Features:

  • Food ordering: Users can easily place their food orders through the app.
  • Real-time location tracking: The app provides real-time tracking of the delivery driver's location.
  • One-on-one chat: Users can communicate with the delivery driver or support team through chat functionality.
  • Push notifications: Users receive notifications for order updates and other relevant information.

Installation:

  1. Clone the repo:

    git clone [repository-url]
    
  2. Create new React Native apps: Create separate projects for the food delivery and driver apps.

  3. Copy contents: Copy files from the respective folders (ordering-app, driver-app) in the repository to the corresponding React Native projects.

  4. Install dependencies: Install dependencies for both projects and the server:

    yarn install
    
  5. Update .env files: Update the .env files in both projects and server with your credentials.

  6. Link packages manually: Link the following packages manually: react-native-permissions, react-native-config, react-native-google-places.

  7. Update AndroidManifest.xml: Update the AndroidManifest.xml file with required permissions and Google API key.

  8. Run the server and expose it using ngrok.

  9. Run the apps: Run the food delivery and driver apps ensuring different port configurations for the bundlers.

Summary:

React-Native-Food-Delivery is a comprehensive food delivery app built with React Native and integrated with various functionalities like real-time tracking, chat features, and push notifications. By following the provided tutorial and installation guide, developers can easily set up their food delivery apps with the mentioned features and services.