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

MIT license.