laravel vue crud starter

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 casesvendor/bin/phpunit# or Feature test onlyvendor/bin/phpunit --testsuite Feature

Code Coverage Report

# reports is a directory namevendor/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.