This application is built on Laravel 5.3 and Vue. Application is using this theme.

• Laravel 5.3
• VueJs 2

Please clone this repository to your computer and do below steps to run:

Install all dependencies

$ composer install

$ npm install

Create new database in mysql Create .env file based on .env.example and update it based on your configuration Database migration

$ php artisan migrate --seed

$ php artisan passport:install

$ gulp

Please confirm that you have sessions views and cache folders under storage/framework directory

$ php artisan serve

Open

http://localhost:8000

When you are clone this l53-starter demoApp for laravel 5.3 and vuejs 2.1.8, It contains the following tree structure for the perticular resources folder in root directory :

.

• resources
  • assets
    • js
      • app.js (./resources/assets/js/app.js)
      • bootstarp.js (./resources/assets/js/bootstarp.js)
      • components
      • router.js (./resources/assets/js/router.js)
      • store
    • sass
  • lang
  • views

• The app.js is creating a root Vue instance with the Vue constructor function, so it is the main file for starting with the vuejs.
• This file is added in main app.blade.php which is in the resources/views directory.
• The router.js file contains front-end routes for the app.
• And the store directory contains actions.js, getters.js, index.js, mutations-types.js and mutations.js.
• In that state is managed for the data using vuex (https://vuex.vuejs.org/en/state.html)
• App.vue is the main component in which other components are renders.
• For starting to work with vuejs 2, you are free to add new components in components directory.