Laravel 8 + Vue 2 + AdminLTE 3 Based Curd Starter Template

Laravel+Vue Crud Starter A very simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application.

Laravel+Vue Crud Starter

About Repository

A very simple Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template for SPA Application.

Tech Specification

• Laravel 8
• Vue 2 + VueRouter + vue-progressbar + sweetalert2 + laravel-vue-pagination
• Laravel Passport
• Admin LTE 3 + Bootstrap 4 + Font Awesome 5
• PHPUnit Test Case/Test Coverage

Features

• Modal based Create+Edit, List with Pagination, Delete with Sweetalert
• Login, Register, Forget+Reset Password as default auth
• Profile, Update Profile, Change Password, Avatar
• Product Management
• User Management
• Settings: Categories, Tags
• Frontend and Backend User ACL with Gate Policy (type: admin/user)
• Simple Static Dashboard
• Developer Options for OAuth Clients and Personal Access Token
• Build with Docker

Installation

• git clone https://github.com/AnowarCST/laravel-vue-crud-starter.git
• cd laravel-vue-crud-starter/
• composer install
• cp .env.example .env
• Update .env and set your database credentials
• php artisan key:generate
• php artisan migrate
• php artisan db:seed
• php artisan passport:install
• npm install
• npm run dev
• php artisan serve

Install with Docker

• docker-compose up -d
• docker exec -it vue-starter /bin/bash
• composer install
• cp .env.example .env
• php artisan key:generate
• php artisan migrate
• php artisan db:seed
• php artisan passport:install
• Application http://localhost:8008/
• Adminer for Database http://localhost:8080/
• DBhost: yourIP:3307, user: root, Password: 123456

Unit Test

run PHPUnit

# run PHPUnit all test cases
vendor/bin/phpunit
# or Feature test only
vendor/bin/phpunit --testsuite Feature

Code Coverage Report

# reports is a directory name
vendor/bin/phpunit --coverage-html reports/

A reports directory has been created for code coverage report. Open the dashboard.html.

Credit

This repository is motivated by Hujjat/laravStart and his awesome video tutorial in Youtube.

Download Details:

Author: AnowarCST

Source Code: https://github.com/AnowarCST/laravel-vue-crud-starter

vue vuejs javascript laravel

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

We will learn how we can upload a file from vue to laravel server. Frontend will be constructed by Vue and backend will be created by Laravel.

In this full stack vue.js to Laravel tutorial explains how to use of the vuejs service container package. Laravel to Vue.js ~ Full Stack Vue.js & Laravel Integration (Vuejs Service Container Package)

Vue Laravel CRUD is a basic operation to learn laravel and vue from scratch. We will build a small app that perform CRUD operations on MySQL database.

How To Install VueJs In Laravel , how to, vuejs, laravel, node js, npm, javascript, install vuejs in laravel 7, how to install npm, laravel 7 installation vue js, how to install vue in laravel 7, laravel 7 vue install, laravel 7 vue npm install, install vue js in laravel 7, laravel 7 ui vue install