ntphuc/react-native-woocommerce-food

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.x or newer
• React Native for development
• Android Studio for Android development
• Xcode for iOS development
• Android SDK 23.0.1 or 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