React Native Food Ordering App

React Native Food Ordering App v 9.2.1

React Native based Food Ordering UI theme for iOS & Android. Fully customizable with all necessary UI elements. Quick starter kit to build apps similar to Seamless / Grubhub / Doordash / UberEats / Postmates / Delivery.com / Yelp Eat 24 / Foodler / Swiggy / Zomato.

Note: This product is a pure React Native application and also available with Expo client.


Development Environment

All the screens you want!

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

  • ● Splash screen
  • ● Choose your location on map
  • ● Use GPS to find location
  • ● Login
  • ● Phone no. verification
  • ● User account
  • ● Restaurant filter
  • ● Favourite restaurant
  • ● Restaurant catalogue grid view
  • ● Restaurant catalogue list view
  • ● Cart

React Native Food Ordering App
React Native Food Ordering App

Fetching Features

  • Power-packed with Redux, NativeBase, React Navigation
  • Integrated with CRNA and Expo
  • Single JavaScript code base for iOS & Android
  • Mass of theme specific UI elements, components
  • Fascinated blend of React Native and ES6

Quality Code

  • ESlint for code quality
  • Flow for type checking
  • Test cases with Jest
  • Usage of Redux Store
  • Usage of React Native's Flat list
  • Husky to prevent bad commit, push
  • Prettier for pretty, formatted JavaScript code

Perfectly native look and feel with React Native

Eye soothing UI with awesomely smooth UX!

React Native Food Ordering App

NOTE

Take a look at our other newly launched Food Delivery based Backend App & UI Templates.

Interested in Flutter Version?

Take a look at Flutter Food Delivery Theme.

Package

React Native Food Ordering App

  • ● @react-native-community/masked-view: 0.1.10
  • ● color: ^3.1.2
  • expo: ~38.0.8
  • ● expo-font: ~8.2.1
  • ● expo-status-bar: ^1.0.2
  • ● jest-cli: ^26.4.2
  • ● lodash: ^4.17.20
  • ● moment: ^2.27.0
  • native-base: ^2.13.14
  • ● prop-types: ^15.7.2
  • ● react: ~16.11.0
  • ● react-dom: ~16.11.0
  • react-native: https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz
  • ● react-native-gesture-handler: ~1.6.0
  • ● react-native-maps: 0.27.1
  • ● react-native-reanimated: ~1.9.0
  • ● react-native-safe-area-context: ~3.0.7
  • ● react-native-screens: ~2.9.0
  • ● react-native-web: ~0.11.7
  • ● react-navigation: ^4.4.0
  • ● react-navigation-stack: ^2.8.2
  • ● react-navigation-tabs: ^2.9.0
  • ● react-redux: ^7.2.1
  • redux: ^4.0.5
  • ● redux-persist: ^6.0.0
  • ● redux-thunk: ^2.3.0
  • ● remotedev-rn-debugger: ^0.8.4
  • ● whatwg-fetch: ^3.4.1
  • ● @babel/core: ^7.8.6
  • ● babel-eslint: 10.1.0
  • ● babel-plugin-transform-react-jsx-source: ^6.22.0
  • ● babel-preset-expo: ^8.1.0
  • eslint: 6.8.0
  • ● eslint-plugin-flowtype: 4.6.0
  • ● eslint-plugin-import: 2.20.1
  • ● eslint-plugin-jsx-a11y: 6.2.3
  • ● eslint-plugin-prettier: ^3.1.2
  • ● eslint-plugin-react: 7.19.0
  • ● eslint-plugin-react-native: 3.8.1
  • ● flow-bin: 0.120.1
  • ● flow-typed: 3.0.0
  • ● husky: 4.2.3
  • ● jest: 25.1.0
  • ● jest-expo: ^36.0.0
  • ● prettier: 1.19.1
  • ● react-native-scripts: 2.0.1
  • ● react-test-renderer: 16.13.0

BROUGHT TO YOU BY

Start building your app today!

Get Started