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

Overview

Laravel+Vue Crud Starter

Build Status

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.

You might also like...
Tauri-vue3-vuetify3-template - Power by tauri add vue3 vuetify3 typescript cross platform gui template
Tauri-vue3-vuetify3-template - Power by tauri add vue3 vuetify3 typescript cross platform gui template

First EVN 1、install cargo curl https://sh.rustup.rs -sSf | sh 2、install cargo-ta

Finance Management System with Laravel 7 and Vue.js 2

Finance Management System with Laravel 7 & Vue.js Authentications Vue based components Server Side Searching Jquery DataTable with Vue.js Pagination S

This is a WordPress boilerplate plugin using vue 3, build with Laravel Mix. Also tailwind setup available.
This is a WordPress boilerplate plugin using vue 3, build with Laravel Mix. Also tailwind setup available.

WP Plugin Vue Tailwind Boilerplate This is a Customizable sample WordPress Plugin which is developed as a single page app on backend with Vue js and T

Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow and Friendly User Interface.
Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow and Friendly User Interface.

Vue Admin Next Professional enterprise application with Vue Composition API, Multi-Module Design, Data Processing Flow, and Friendly User Interface. N

Dashboard for your Vue application.
Dashboard for your Vue application.

Vue Dashboard Responsive admin dashboard template built with Vue.js and Bootstrap 4. Forked from Vuestic by Epicmax. Designed by Vasili Savitski Prere

A basic application to understand Vue.js
A basic application to understand Vue.js

first-application A Vue.js project An image from application Build Setup # install dependencies npm install # serve with hot reload at localhost:8080

Giraffe is a complete application theme, Giraffe theme built with Vuetify created by HeroUI.
Giraffe is a complete application theme, Giraffe theme built with Vuetify created by HeroUI.

📰 Free news, blogs or magazines application theme, built with Vuetify created by HeroUI.

Vuejs - Vuetify UI, Music Application Dashboard

music Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints and

Portfolio starter theme for Gridsome and Forestry
Portfolio starter theme for Gridsome and Forestry

Darkfolio Portfolio starter theme for Gridsome and Forestry Development # install Gridsome globally npm install --global @gridsome/cli # cd into the

Owner
Moiz Chauhdry
Web Developer (Backend)
Moiz Chauhdry
Proyecto Start-Basic sobre Login y crud de usuarios, mediante Api Rest, usando la plantilla AdminLte 3.1 y manejo de roles y permisos con vue-gates y autenticacion por token, para inicio de proyectos.

Start-Basic Sobre el Proyecto Proyecto Start-Basic sobre Login y crud de usuarios, mediante Api Rest, usando la plantilla AdminLte 3.1, Vue 2 y manejo

null 11 Jul 27, 2022
Pinia-starter-ts - 🪁 A Vue 3.x Starter template built on Vite 2.x + TypeScript + [email protected] 🍍

pinia-starter-ts ?? A Vue 3.x Starter template built on Vite 2.x + TypeScript + [email protected] ?? Live demo: Pinia TS Starter Environment Support Vue 3.2.

Wisdom 9 Dec 29, 2022
Laravel Vue Admin is a beautiful dashboard combination of Laravel, Vue3 and the UI Toolkit Element Plus.

Laravel Vue Admin Laravel Vue Admin is a beautiful dashboard combination of Laravel, Vue3 and the UI Toolkit Element Plus. Getting started Installing

null 6 Dec 5, 2022
It's a dashboard theme/UI-Starter Kit with Laravel, Inertia and Vue (JetStream).

TailAdmin Inertia It's a dashboard theme/UI-Starter Kit with Laravel, Inertia and Vue (JetStream). Setup Directions npm install composer install Chang

Sinan AYDOĞAN 122 Jan 4, 2023
Admin Null — Free Vue.js Bulma Buefy Dashboard SPA (with dark mode)

Admin Null — free Vue Bulma dashboard with dark mode Admin Null is simple, beautiful and free Vue.js Bulma Buefy admin dashboard with dark mode. Free

Viktor Kuzhelny 63 Dec 18, 2022
PEI's User SPA (Vue3 + Tailwind)

pei_user Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Lints

null 0 May 9, 2022
Free Vue.js 3.x Tailwind 3.x admin dashboard template with dark mode. Vite builds. Pinia state. Laravel integration available

Admin One — Free Vue 3.x Tailwind 3.x Admin Dashboard with dark mode Tailwind 3.x Vue 3.x with Vite or Nuxt or Laravel Tailwind 3.x Vue 3.x with Vite

AceInfoTech Mihir 3 Nov 1, 2022
Dashboard starter template built with Vite, Vue 3, Tailwind CSS and TypeScript.

Dashboard starter template built with Vue 3 and Tailwind CSS.

Robert Soriano 766 Dec 19, 2022
Veluxi Starter - Vue JS Landing Page Template

Veluxi Starter - Vue JS Landing Page Template Read documentation here https://github.com/ilhammeidi/luxivue-doc Template Feature Modern Technologies.

Tom Callaghan 2 Apr 22, 2022
Star Admin Vue Admin Template is a free admin template based on Bootstrap 4 and Vue.js.

Star Admin Vue Admin is a free admin template based on Bootstrap 4 and Vue.js.

BootstrapDash 310 Dec 25, 2022