anowarcst / laravel-vue-crud-starter

Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template

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.

laravel-vue-crud-starter's Issues

IT HAS POSTINSTALL.JS VIRUS

Update to Laravel 8

Hello,

This is a nice project(template), it would be great to have laravel 8 support

roles and permissions

can I use spatie to use roles and permissions or would it break?

Standard User is able to Create Oauth Clients and Access Tokens

A Standard User is able to open /settings/developer and create OAuth clients as well as Personal Access Tokens.
He can also visit all /other settings pages, but don't get any further information.

The Routes to /settings (admin area) do need some protection.

Are the documentation update?

I followed the installation as indicated in the documentation, unfortunately throws an error GET http://localhost:8888/css/app.css net::ERR_ABORTED 404 (Not Found) AdminLTE.css.map:13.

Also look for the adminlte (almasaeed2010/adminlte) folder in Vendor and I did not find it,
Finally the configuration file (AdminLTE.php) in the config folder is not found.

great job. regards

Datatables

Hello Sir, Can You Add datatables in this project?
Thank you.

Type User

hi , it is possible to create new user types?

New Product Tags

I cannot add new tags to a product.

file: "/app/Http/Controllers/API/V1/ProductController.php"
line: 55
message: "Undefined index: id"

There's a check missing if the tag exists and if not to create it before syncing.

Search feature does not work

Search feature does not work.
I tried in on the Users and Product list but does not return anything.

Missing sessions table

The app does not work.
I get the following error when I try to get to the server:

Illuminate\Database\QueryException
SQLSTATE[42S02]: Base table or view not found: 1146 Table 'demo.sessions' doesn't exist (SQL: select * from sessions where id = CNIyRisDeSAqOdMZrpAYocoBR6TKDlN5ePXA5mJl limit 1)

Yes, I ran php artisan migrate --seed to see create and seed the database (demo).

Component file not reflect

i try to change the column name in Component/Users.vue, but it is not reflected, FYI I'm running using docker

Add New fuctionality

Hello Sir,Can You Add Image upload in this project,Thank you.

PHP 7.4 required via Docker

Fatal error: Composer detected issues in your platform: Your Composer dependencies require a PHP version ">= 7.4.0". You are running 7.3.29. in /var/www/vendor/composer/platform_check.php on line 24

(fresh installation)

Request: Sorting on index listing

Could you add sorting and filtering on the index listings?

Hide sidemenu on link click

How to auto-hide sidemenu when link is clicked in mobile view ? Sidemenu works better if you add linkActiveClass: 'active' in VueRouter.

Does this have a CRUD generator?

Does this have a CRUD generator for laravel and vue.
Maybe with the relationship as well as crudbooster.

That would be wonderful.

Docker / BrowserSync / Mix

I've got this all setup and working flawlessly besides the "browserSync" no matter what I try I can not get it to load.

Is there a simple guide or tutorial on how to get it to work with this package?

Possible to enable overlayscrollbars?

How would I enable overlayscrollbars for this? It appears it's still there, and in the plugins directory I'm just having trouble getting them to work without install the overlayscrollbars-vue npm

Which Node and npm version is required

Hi,

'npm run dev' was not success with nvm node versions e.g. 12.x / 13.x / 14.x / 15.x / 16.x / 17.x after run 'npm install'

What should we do for that?

Thanks in advance!

Uncaught TypeError: Cannot set properties of undefined (setting '$gate')

I installed this application step by step by the document
when I ran npm run watch
I got `Additional dependencies must be installed. This will only take a moment.

Running: npm install vue-loader@^15.9.7 --save-dev --legacy-peer-deps

Finished. Please run Mix again.

`
after that I ran again and got this error in my console

Uncaught TypeError: Cannot set properties of undefined (setting '$gate')

Suggestion: Search box

Can you please make a search box on the products page where whenever you type a letter, the list on the table will be filtered? thank you very much in advance.

adminer connection issue

Hi There,

What are the correct credentials for logging into adminer ? I tried with :
host: db:3307
user: root
password: 123456

But it does not work, it always says connection refused.

Is there a way to do Search Filters? I can't seem to execute any search function in controller

Hi. I tried adding a search function in the user controller and render it in vue using v-model but it always calls the function index(). It won't call what's inside the public function search () even though I added the search in route::get

I also tried following the Youtube video from Code Inspire but it still doesn't work. It always executes the index().

Thank you.