React Native Food Delivery Theme

React Native Food Delivery Theme v 1.0.0

React Native Food Delivery App Theme is a time saving UI template to build apps like DoorDash, GrubHub, Zomato. This React Native based product offers Delivery App, End User App & Admin Dashboard.


15% OFF: fooddelivery-15d-launch


Note: This product is a pure React Native application.


Development Environment

Build Your Own Food Delivery App

Fully customizable, ready-to-use screens for users with easily configurable application design, and the right UX for a food ordering app like Uber Eats, Zomato, Swiggy.

  • ● 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

React Native Food Delivery Theme

Features

  • Screens available for End User App, Driver App & Dashboard
  • Contains all necessary screens like placing order, track order discount, payment, card details & lots more
  • Suitable to build any food delivery app/restaurant app
  • Implemented with TypeScript
  • React Navigation for better navigation structure
React Native Food Delivery Theme
React Native Food Delivery Theme

Dashboard Features

  • Informative dashboard to observe order count & status
  • Manage restaurants
  • Gather necessary details of delivery people
  • List of customers to manage orders
  • View available discount coupons & manage earnings on regular basis

Package

Food Delivery UI

  • ● @ptomasroos/react-native-multi-slider: ^2.2.2
  • ● @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
  • ● lodash: ^4.17.15
  • ● react: 16.11.0
  • react-native: 0.62.2
  • ● react-native-confirmation-code-field: ^6.1.1
  • ● react-native-country-picker-modal: ^1.10.0
  • ● react-native-gesture-handler: ^1.6.1
  • ● 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-safe-area-context: ^1.0.0
  • ● react-native-safe-area-view: ^1.1.1
  • ● react-native-screens: ^2.7.0
  • ● react-native-splash-screen: ^3.2.0
  • ● react-native-stars: ^1.2.1
  • ● react-native-swiper: ^1.6.0-rc.3
  • ● @babel/core: ^7.6.2
  • ● @babel/runtime: ^7.6.2
  • ● @react-native-community/eslint-config: ^1.0.0
  • ● @types/jest: ^24.0.24
  • ● @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