Laravel Multi Auth with Vue JS

About Laravel Multi Auth with Vue JS

Laravel Multi Auth with Vue JS is a web application which was designed by using HTML, CSS, JavaScript and Vue JS and developed by using PHP and Laravel framework.

This website was built for learning Laravel Multiple role based Authentication with Vue JS.

How to use?

Step - 1:
Download or clone the repository

Step - 2:
Intall all the dependencies by running these commands "composer update" and "npm install"

Step - 3:
Copy the .env.example file from root directory to root directory then rename the copied file to .env

Step - 4:
Generate new application key by running the command "php artisan key:generate"

Step - 5:
Create a new database and import the laravelmultiauthwithvuejs.sql file

Step - 6:
Add the database details in the .env file by editing the .env file like below:

DB_DATABASE=database_name
DB_USERNAME=database_user_name
DB_PASSWORD=database_user_password

Step - 7:
Create a new email account and add the email account details in the .env file by editing the .env file like below:

MAIL_MAILER=smtp
MAIL_HOST=email_account_host.com
MAIL_PORT=465
MAIL_USERNAME=email_account_user_name
MAIL_PASSWORD=email_account_password
MAIL_ENCRYPTION=ssl
MAIL_FROM_ADDRESS=email_account
MAIL_FROM_NAME="${APP_NAME}"

Step - 8:
Add the application name in the .env file by editing the .env file like below:

APP_NAME="your_app_name"

Step - 9:
Add the application url in the .env file by editing the .env file like below

APP_URL=your_application_url

Step - 10:
Add Facebook, GitHub and Google OAuth credentials in the .env file by editing the .env file like below:

FACEBOOK_CLIENT_ID=facebook_client_id
FACEBOOK_CLIENT_SECRET=facebook_client_secret

GITHUB_CLIENT_ID=github_client_id
GITHUB_CLIENT_SECRET=github_client_secret

GOOGLE_CLIENT_ID=google_client_id
GOOGLE_CLIENT_SECRET=google_client_secret

Step - 11:
Build the assets by running the command "npm run build"

Step - 12:
Delete the node_modules folder from the root directory

Note

Facebook Callback/Redirect Url:
your_application_url/api/auth/facebook-callback

GitHub Callback/Redirect Url:
your_application_url/api/auth/github-callback

Google Callback/Redirect Url:
your_application_url/api/auth/google-callback

Admin Credentials:
Admin email is: admin@gmail.com
Admin password is: 12345678

When a problem is found?

Do not hesitate to message me when you found any problem.
Facebook
Instagram