react-native-woocommerce-food
react-native-woocommerce-food copied to clipboard
Published
20 hours ago •
ntphuc
ntphuc
A mobile app react native connect to woocommerce API
foodapp
An app developed on React Native which connect to WordPress WooCommerce API to display products and order.
Video Demo
- Link demo: https://www.youtube.com/watch?v=7BkctT_0z8M
What's included
- React Native - Build Native Mobile Apps using JavaScript and React
- Redux - Predictable state container for JavaScript apps
- Wix/react-native-navigation - A complete native navigation solution for React Native with optional redux support - nav bars, tabs, drawer, modals
- Redux Thunk - Thunk middleware for Redux
- ESLint - The pluggable linting utility for JavaScript and JSX
- Wordpress - The easiest way to create a website or blog
- WooCommerce API WooCommerce (WC) 2.6+ is fully integrated with the WordPress REST API
Requirements
-
Node
4.xor newer - React Native for development
- Android Studio for Android development
- Xcode for iOS development
-
Android SDK
23.0.1or newer for Android development - Genymotion for Android emulation
- YARN - for dependency management
Installation
Clone this repo
$ git clone https://github.com/ntphuc/react-native-woocommerce-food.git
$ cd foodapp
$ yarn install or npm install
Installation SERVER NODEJS for WooCommerce Rest API
- Extract file zip server.zip
- cd to folder server
- Open terminal to start server by command : $ node server.js
CHANGE WEB_URL in project React Native app
Change value constant WEB_URL in folder src/constants/api.js
- export const WEB_URL = "http://YOUR_IP:YOUR_PORT";
How to start
$ react-native run-android
$ react-native run-ios
ntphuc