A simple grocery list app using React Native, Redux, Firebase, and Async Storage for offline data. It works on both iOS and Android.
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.
Follow the React Native Getting Started guide.
- 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.
Follow the React Native APK signing instructions.
Grocery bag icon by Claire Jones from the Noun Project