An Apiko + Quasar tempalte for creating applications with already created user login & registration system.
- User login system with validation for email & password.
- User registration system with validation & dynamic check for unique login emails.
- User specific dashboard.
- Meta field in routes to differenciate whether pages should be viewed by only logged in users, only logged out users, or both.
- A drawer used to show user's administrative links.
- A route to change account settings.
- Same code template as the quasar template so that you can do anything you do when using a quasar template.
- Vuex state saved to the local storage, to make the states persistent against browser refresh.
- Transition effects on route change.
# install dependencies
$ npm install
# serve with hot reload at localhost:8080
$ quasar dev
# build for production with minification
$ quasar build
# lint code
$ quasar lint
You should change your base api url in src/api/index.js to your api address.
axios.defaults.baseURL = 'your api address'
You can use onlyLogged & onlyNotLogged meta fields inside any route to control who can view your routes.
- Use onlyLogged = true for those routes you want only logged in users to view.
{ name: 'dashboard', path: 'dashboard', component: load('dashboard'), meta: { onlyLogged: true } },
- Use onlyNotLogged = true for those routes you want only not logged in users to view.
{ name: 'login', path: 'login', component: load('login'), meta: { onlyNotLogged: true } }
- You can omit those fields to make tha route accessible by anyone.