Awesome

Groceries

A simple grocery list app using React Native, Redux, Firebase, and Async Storage for offline data. It works on both iOS and Android.

Install

Built and tested with:

• OS X / macOS
• Node 10
• Xcode 10
• Android SDK

A Firebase account is also needed. The security rules for the database must be set to public, since this app doesn't implement authentication. In the Firebase Console under the Database section, Rules tab, change the rules to:

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

Run:

git clone https://github.com/bruz/react-native-redux-groceries.git groceries
cd groceries
npm install

Configure:

cp config.js.example config.js

Update config.js with your Firebase app credentials.

Develop

Follow the React Native Getting Started guide.

Build and install on an iOS device

• In the Xcode menu, go to Product -> Scheme -> Edit Scheme..., and under Run change the Build Configuration to Release.
• Choose your device in Xcode and run it on there.

To get back to development mode, just change the Build Configuration back to Debug.

Build and install on an Android device

Follow the React Native APK signing instructions.

Credits

Grocery bag icon by Claire Jones from the Noun Project