React Native Food Delivery With Backend

React Native Food Delivery With Backend [Developer edition] v 1.0.0

React Native Food Delivery Backend offers full source code to build apps for iOS & Android similar to GrubHub, Deliveroo, UberEats, Swiggy, JustEat, DoorDash, Zomato. Built using React Navigation, Redux, MongoDB, Node, Express, Socket.io.
Offers Customer app, Delivery app, Admin Dashboard, API Server.
15% Discount Coupon: fooddelivery-15d-backend


Note: This product is a pure React Native application.


Development Environment

All the screens you want for Backend Integrated Food Delivery App!

Fully functional product available with all necessary screens, the right UX for a food ordering app.

  • ● Splashscreen
  • ● Register
  • ● Phone Verification Login
  • ● OTP Verification
  • ● Country Picker
  • ● Restaurant Details
  • ● Filters
  • ● Food Item Details
  • ● Discount Coupon
  • ● Cart Page
  • ● Checkout Page
  • ● Favourite
  • ● User Account
  • ● Order Details
  • ● Track Order
  • ● Payment
  • ● Add Card
  • ● Manage Address
  • ● Save Address
  • ● Trip Status
  • ● Order Complete
  • ● Order History
  • ● Earning
  • ● Delivery Person’s Profile
  • ● Edit profile

Web Dashboard

  • Graphical presentation of sales on monthly basis
  • View total earnings
  • Shows no. of active delivery boys
  • Track list of orders placed, processing, delivered & cancelled
  • View all the food orders details
  • Create new restaurants with food items
  • View all added restaurants
  • Create new delivery boy
  • View list of all customers
  • Enable/disable coupons
  • Add new coupons
  • Enable/disable payment mode (Cash/Card or both)
  • Share driver charges percentage wise
  • Create new admin, change existing password
React Native Food Delivery With Backend

Mobile App & DashBoard Tech Stack

  • React Native, React Navigation, TypeScript & Redux for Mobile App
  • React, React Bootstrap, React Router, TypeScript & Redux for Dashboard
  • Node, Express, MongoDB, Passport JS integrated for API Server
  • Several widgets that extend theme functionality with plugins

Customer App Features

  • Allows to track Live Order
  • Fetch user nearby restaurants
  • Integrated with Stripe payment & cash payment
  • Search food & restaurant
  • Manage address
  • Update profile pic
  • Mark restaurant as favorite and place order from favorite
  • Check food delivery address within a range
  • Get popular food from restaurant
React Native Food Delivery With Backend
React Native Food Delivery With Backend

Delivery Boy App Features

  • Receive order request
  • Live tracking from delivery boy's location to restaurant location & restaurant location to user location
  • Allows to end trip within 100 meter radius to user location (changeable if needed)
  • Add Rating for the user
  • Receive earnings of regular interval (current day, last 7 day, last 28 days)
  • Show all total earnings
  • Update profile
  • Check past orders
  • Add Rating for the user

Interested in Just UI?

We have the UI Template as well, take a look at React Native Food Delivery Theme.

Package

React Native Food Delivery With Backend

  • ● @ptomasroos/react-native-multi-slider: ^2.2.2
  • ● @react-native-community/async-storage: ^1.11.0
  • ● @react-native-community/geolocation: ^2.0.2
  • ● @react-native-community/masked-view: ^0.1.10
  • ● @react-navigation/bottom-tabs: ^5.5.0
  • ● @react-navigation/native: ^5.3.0
  • ● @react-navigation/stack: ^5.3.3
  • ● @types/lodash: ^4.14.154
  • ● @types/react-redux: ^7.1.9
  • ● @types/redux-form: ^8.2.7
  • ● @types/redux-logger: ^3.0.8
  • ● @types/socket.io-client: ^1.4.33
  • ● axios: ^0.19.2
  • ● geolib: ^3.3.1
  • ● lodash: ^4.17.15
  • ● moment: ^2.27.0
  • ● react: 16.11.0
  • react-native: 0.62.2
  • ● react-native-confirmation-code-field: ^6.1.1
  • ● react-native-country-picker-modal: ^2.0.0
  • ● react-native-gesture-handler: ^1.6.1
  • ● react-native-image-picker: ^2.3.4
  • ● react-native-keyboard-aware-scroll-view: ^0.9.1
  • ● react-native-maps: 0.27.1
  • ● react-native-maps-directions: ^1.8.0
  • ● react-native-modal: ^11.5.6
  • ● react-native-permissions: ^2.1.5
  • ● react-native-reanimated: ^1.8.0
  • ● react-native-root-toast: ^3.2.1
  • ● react-native-safe-area-context: ^1.0.0
  • ● react-native-safe-area-view: ^1.1.1
  • ● react-native-screens: ^2.7.0
  • ● react-native-smooth-pincode-input: ^1.0.9
  • ● react-native-splash-screen: ^3.2.0
  • ● react-native-stars: ^1.2.1
  • ● react-native-swiper: ^1.6.0-rc.3
  • ● react-redux: ^7.2.0
  • redux: ^4.0.5
  • ● redux-form: ^8.3.6
  • ● redux-logger: ^3.0.6
  • ● redux-persist: ^6.0.0
  • ● redux-thunk: ^2.3.0
  • ● rn-fetch-blob: ^0.12.0
  • ● socket.io-client: ^2.3.0
  • ● uuid: ^8.3.0
  • ● @babel/core: ^7.6.2
  • ● @babel/runtime: ^7.6.2
  • ● @react-native-community/eslint-config: ^1.0.0
  • ● @types/jest: ^24.0.24
  • ● @types/node: ^14.0.23
  • ● @types/react-native: ^0.62.0
  • ● @types/react-test-renderer: 16.9.2
  • ● @typescript-eslint/eslint-plugin: ^2.27.0
  • ● @typescript-eslint/parser: ^2.27.0
  • ● babel-jest: ^24.9.0
  • eslint: ^6.5.1
  • ● jest: ^24.9.0
  • ● metro-react-native-babel-preset: ^0.58.0
  • ● prettier: ^2.0.4
  • ● react-test-renderer: 16.11.0
  • ● typescript: ^3.8.3

BROUGHT TO YOU BY

Start building your app today!

Get Started