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

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


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