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

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

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

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.

Vue Laravel File Upload | Upload Image in Laravel Vue

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.

Full Stack Vue.js & Laravel - How to use Vuejs Service Container Package

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 Example | Vue Laravel Tutorial

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 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