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