Code Monkey home page Code Monkey logo

riazcs / cms-role-permission-laravel-vue-spa Goto Github PK

View Code? Open in Web Editor NEW

This project forked from skn-036/cms-role-permission-laravel-vue-spa

0.0 0.0 0.0 2.27 MB

This repository uses PHP Laravel and Javascript Vue.js frameworks to implement Role Permissions management in CMS. Cookie based SPA authorization feature of Laravel Sanctum package is used to authorize the user inside the content management system. If a logged user has permission to do specific task, the link to visit the task and the page containi

Shell 0.42% PHP 63.33% Vue 18.41% Blade 17.83%

cms-role-permission-laravel-vue-spa's Introduction

About This Repository

This repository uses PHP Laravel and Javascript Vue.js frameworks to implement Role Permissions management in CMS. Cookie based SPA authorization feature of Laravel Sanctum package is used to authorize the user inside the content management system. If a logged user has permission to do specific task, the link to visit the task and the page containing the task will be available to the logged user. Otherwise the page will be unavailable to the logged user with 401 unauthorized error even though try to access the route manually. This repo utilizes the SPA feature of Vue.js.

Logging In

Following credentials can be used to log in the system

Sl Role Email Address Password
01 Super Admin [email protected] password
02 Admin [email protected] password
03 Author [email protected] password
04 Editor [email protected] password
05 User [email protected] password
06 User [email protected] password
07 User [email protected] password
08 User [email protected] password
09 User [email protected] password

Initailly only Super Admin is granted all the permissions. All other role has no permissions. To add permissions to any other role first log in as super admin, then visit all roles then role edit. Permissions can be attached or detached to any role from here.

Installation

First download this repository. Navigate to root of the project and then

    composer install
    npm install

Copy the contents of .env.example to .env file. Fill up the database credentials(DB_DATABASE, DB_USERNAME, DB_PASSWORD) according to your database. At the root of your project run the following commands on terminal sequentially.

    php artisan key:generate
    php artisan migrate
    php artisan db:seed

This will store all the default data into the database. Then compile the assets by

    npm run dev

Finally initiate your server and enjoy !!!

    php artisan serve

cms-role-permission-laravel-vue-spa's People

Contributors

skn-036 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.