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

by Vue.js Examples

2022-06-14

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.

License

GitHub