https://github.com/thiagohagy/nativescriptVueTemplate

A nativescriptvue app template
https://github.com/thiagohagy/nativescriptVueTemplate

Last synced: 3 months ago
JSON representation

A nativescriptvue app template

• Host: GitHub
• URL: https://github.com/thiagohagy/nativescriptVueTemplate
• Owner: thiagohagy
• Created: 2018-08-02T21:34:30.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2018-09-06T15:28:58.000Z (almost 6 years ago)
• Last Synced: 2024-01-19T06:15:50.610Z (6 months ago)
• Language: JavaScript
• Size: 2.99 MB
• Stars: 30
• Watchers: 3
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Lists

• awesome-nativescript-vue - Boilerplate app with Vuex, vue-router, side drawer, login page, etc.

README

        
# NativeScript-Vue Application with some ultilities for starting a new app:

* Auth interceptor to redirect to login page when user is not authenticated

* Auto login and "keep me logged" option

* Http interceptor to create authenticated routes

* Loading indicator that start and stop with http requests

* Side Drawer menu as component with auto naming of views

* Font icon with filter

* Global mixin

* Centralized Router with lazy loading

* Centralized state manager with Vuex

* Login, register and home page pre built

* Toast notifications

# How it works 

(soon)

## Usage

``` bash

# Install dependencies

npm install

# Build for production

npm run build

npm run build:

# Build, watch for changes and debug the application

npm run debug

npm run debug:

# Build, watch for changes and run the application

npm run watch

npm run watch:

# Clean the NativeScript application instance (i.e. rm -rf dist)

npm run clean

```

> When invoking the various npm scripts, omitting the platform will attempt to launch `tns` for both platforms, which will only work in a properly configured OSX environment.

For detailed instructions, see https://github.com/nativescript-vue/vue-cli-template

# Screenshots

Login page                 |  Loading while wait request to finish     |  Register page 

:-------------------------:|:-------------------------:|:-------------------------:

![](https://raw.githubusercontent.com/thiagohagy/nativescriptVueTemplate/master/screenshots/login.png)  |  ![](https://raw.githubusercontent.com/thiagohagy/nativescriptVueTemplate/master/screenshots/loading.png) |  ![](https://raw.githubusercontent.com/thiagohagy/nativescriptVueTemplate/master/screenshots/register.png)

Data list             |  SideDrawer menu with routes and logout

:-------------------------:|:-------------------------:

![](https://raw.githubusercontent.com/thiagohagy/nativescriptVueTemplate/master/screenshots/list.png)  |  ![](https://raw.githubusercontent.com/thiagohagy/nativescriptVueTemplate/master/screenshots/sideDrawer.png)