phpguus / groceries-ns-vue

🍏 🍍 🍓 A NativeScript+Vue iOS and Android app for managing grocery lists

Groceries Vue

Groceries Vue is an app for managing grocery lists.

Groceries Vue is also a clone of sample-Groceries built with nativescript-vue. It showcases the potential of the NativeScript platform using the Vue.js.

This project uses:

• Vue.js!
• Vuex;
• Vue-router;
• NativeScript components;
• NativeScript animation;
• NativeScript http lib to connect to a backend service;
• NativeScript-cli (tns) to build/debug in Android and iOS;
• Webpack for bundling vue, scss and ES6 (see nativescript-vue-webpack-template);

Video demo

Usage

1. Install NativeScript tools (see http://docs.nativescript.org/start/quick-setup)

2. Clone this repository:

git clone https://github.com/tralves/groceries-ns-vue

3. Install dependencies:

cd groceries-ns-vue
npm install

cd groceries-ns-vue/tns
npm install

3. Build and run:

cd groceries-ns-vue
webpack --watch --env.tns --env.android

cd groceries-ns-vue/tns
tns run android
# or
tns run ios

4. Development mode

In two separate terminals run:

# terminal 1
cd groceries-ns-vue
webpack --watch --env.tns --env.android

# terminal 2
cd groceries-ns-vue/tns
tns debug android
# or
tns debug ios