Home

Awesome

Tools

Shopping List - with React Native and PouchDB

Shopping List is an Offline First demo [Progressive Web App | hybrid mobile app | native mobile app | desktop app] built using React Native and PouchDB. This app is part of a series of Offline First demo apps, each built using a different stack.

Quick Start

  1. Install the React Native CLI:

npm install --g react-native-cli

  1. Clone this repo:

git clone https://github.com/ibm-watson-data-lab/shopping-list-react-native-pouchdb

  1. cd into the repo directory:

cd shopping-list-react-native-pouchdb

  1. Install dependencies:

npm install

Run on iOS Emulator:

  1. In a terminal cd into the repo directory and run the following command:

react-native run-ios

If you are having problems please see the troubleshooting section below.

Run on Android Emulator

  1. Create and start an AVD
  2. In a terminal cd into the repo directory and run the following command:

react-native run-android

If you are having problems please see the troubleshooting section below.

Troubleshooting

  1. If you encounter issues running the react-native CLI you may need to make a few scripts executable. You can do this on Mac/Linux by running the following commands:
chmod +x /usr/local/lib/node_modules/react-native-cli/index.js
chmod +x node_modules/react-native/local-cli/*.sh
chmod +x node_modules/react-native/scripts/*.sh
chmod +x node_modules/react-native/scripts/*.command

License

Apache 2.0