
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.
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

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


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
Interested in Backend Version?
We have the Backend version as well, take a look at React Native Food Delivery Backend.
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