Category Archives: Laravel

Laravel Tutorials

Razorpay Payment Gateway Integration in Laravel 8 Tutorial

In this Razorpay Payment Gateway Integration in Laravel 8 Tutorial, I’ll show you how to integrate Razorpay in laravel 8 to collect payment. In this tutorial you will learn to integrate Razorpay in laravel 8. In this article I will share example to integrate Razorpay Payment Gateway in laravel 8 application.

Razorpay Payment Gateway

Razorpay is one of the popular payment gateway, that allows us to accept payment from your customer. Razorpay is very simple, hassle free and easy to integrate payment gateway. Integrating Razorpay payment gateway in laravel 8 is a breeze. Before starting with this tutorial you would require a Razorpay developer account, from there you will get the api key and secret key require for the integration.

Razorpay Payment Gateway Integration in Laravel 8 Tutorial

In this tutorial, you will learn to integrate Razorpay payment gateway in your laravel 8 project. Follow this step by step tutorial to learn Razorpay payment gateway integration in laravel 8.

Step 1: Install Laravel

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project --prefer-dist laravel/laravel blog

1	composer create-project --prefer-dist laravel/laravel blog

Step 2: Create Razorpay Account

In this step you need to create account on razorpay website and get account key id and secret. Then you need to add on .env file as following:

RAZORPAY_KEY=rzp_test_XXXXXXXXX
RAZORPAY_SECRET=XXXXXXXXXXXXXXXX

1 2	RAZORPAY_KEY=rzp_test_XXXXXXXXX RAZORPAY_SECRET=XXXXXXXXXXXXXXXX

Step 3: Install razorpay/razorpay Package

In this step, we will install razorpay Package via the composer dependency manager. Use the following command to install razorpay Package.

composer require razorpay/razorpay

1	composer require razorpay/razorpay

Step 4: Create Route

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

<?php
  
use Illuminate\Support\Facades\Route;
  
use App\Http\Controllers\RazorpayPaymentController;
  
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
  
Route::get('razorpay-payment', [RazorpayPaymentController::class, 'index']);
Route::post('razorpay-payment', [RazorpayPaymentController::class, 'store'])->name('razorpay.payment.store');

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\RazorpayPaymentController;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('razorpay-payment', [RazorpayPaymentController::class, 'index']);

Route::post('razorpay-payment', [RazorpayPaymentController::class, 'store'])->name('razorpay.payment.store');

Step 5: Create Controller

Now, lets create a controller for Razorpay Payments. Create a controller named RazorpayPaymentController and put the following code in it:

app/Http/Controllers/RazorpayPaymentController.php

<?php
  
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
use Razorpay\Api\Api;
use Session;
use Exception;
  
class RazorpayPaymentController extends Controller
{
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function index()
    {        
        return view('razorpayView');
    }
  
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function store(Request $request)
    {
        $input = $request->all();
  
        $api = new Api(env('RAZORPAY_KEY'), env('RAZORPAY_SECRET'));
  
        $payment = $api->payment->fetch($input['razorpay_payment_id']);
  
        if(count($input)  && !empty($input['razorpay_payment_id'])) {
            try {
                $response = $api->payment->fetch($input['razorpay_payment_id'])->capture(array('amount'=>$payment['amount'])); 
  
            } catch (Exception $e) {
                return  $e->getMessage();
                Session::put('error',$e->getMessage());
                return redirect()->back();
            }
        }
          
        Session::put('success', 'Payment successful');
        return redirect()->back();
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Razorpay\Api\Api;

use Session;

use Exception;

class RazorpayPaymentController extends Controller

{

/**

* Write code on Method

* @return response()

public function index()

{

return view('razorpayView');

}

/**

* Write code on Method

* @return response()

public function store(Request $request)

{

$input = $request->all();

$api = new Api(env('RAZORPAY_KEY'), env('RAZORPAY_SECRET'));

$payment = $api->payment->fetch($input['razorpay_payment_id']);

if(count($input) && !empty($input['razorpay_payment_id'])) {

try {

$response = $api->payment->fetch($input['razorpay_payment_id'])->capture(array('amount'=>$payment['amount']));

} catch (Exception $e) {

return $e->getMessage();

Session::put('error',$e->getMessage());

return redirect()->back();

}

Session::put('success', 'Payment successful');

return redirect()->back();

}

Step 6: Create Blade File

In this step, we will create view/blade file to accept razorpay payment. Lets create a blad file “razorpayView.blade.php” in “resources/views/” directory and put the following code in it respectively.

resources/views/razorpayView.blade.php

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>Laravel - Razorpay Payment Gateway Integration</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
</head>
<body>
    <div id="app">
        <main class="py-4">
            <div class="container">
                <div class="row">
                    <div class="col-md-6 offset-3 col-md-offset-6">
  
                        @if($message = Session::get('error'))
                            <div class="alert alert-danger alert-dismissible fade in" role="alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                                <strong>Error!</strong> {{ $message }}
                            </div>
                        @endif
  
                        @if($message = Session::get('success'))
                            <div class="alert alert-success alert-dismissible fade {{ Session::has('success') ? 'show' : 'in' }}" role="alert">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                                <strong>Success!</strong> {{ $message }}
                            </div>
                        @endif
  
                        <div class="card card-default">
                            <div class="card-header">
                                Laravel - Razorpay Payment Gateway Integration
                            </div>
  
                            <div class="card-body text-center">
                                <form action="{{ route('razorpay.payment.store') }}" method="POST" >
                                    @csrf
                                    <script src="https://checkout.razorpay.com/v1/checkout.js"
                                            data-key="{{ env('RAZORPAY_KEY') }}"
                                            data-amount="1000"
                                            data-buttontext="Pay 10 INR"
                                            data-name="yoursite.com"
                                            data-description="Rozerpay"
                                            data-image="https://www.yoursite.com/frontTheme/images/logo.png"
                                            data-prefill.name="name"
                                            data-prefill.email="email"
                                            data-theme.color="#ff7529">
                                    </script>
                                </form>
                            </div>
                        </div>
  
                    </div>
                </div>
            </div>
        </main>
    </div>
</body>
</html>

<!DOCTYPE html>

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>

<title>Laravel - Razorpay Payment Gateway Integration</title>

</head>

<body>

@if($message = Session::get('error'))

</button>

<strong>Error!</strong> {{ $message }}

</div>

@endif

@if($message = Session::get('success'))

</button>

<strong>Success!</strong> {{ $message }}

</div>

@endif

Laravel - Razorpay Payment Gateway Integration

</div>

@csrf

data-key="{{ env('RAZORPAY_KEY') }}"

data-amount="1000"

data-buttontext="Pay 10 INR"

data-name="yoursite.com"

data-description="Rozerpay"

data-image="https://www.yoursite.com/frontTheme/images/logo.png"

data-prefill.name="name"

data-prefill.email="email"

data-theme.color="#ff7529">

</script>

</form>

</div>

</main>

</div>

</body>

</html>

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

localhost:8000/razorpay-payment

1	localhost:8000/razorpay-payment

Laravel 8 Two Factor Authentication with SMS

In this Laravel 8 Two Factor Authentication with SMS tutorial I will show you how to implement Two Factor Authentication with SMS in laravel 8. In this tutorial you will learn to authenticate user using SMS Two Factor Authentication in laravel. In this article I will share example to implement two factor authentication in laravel application. We will be using twilio api to send sms for two factor authentication. In two factor authentication using sms we will be sending sms to validate user account in laravel.

Laravel 8 Two Factor Authentication with SMS

In this step by step two factor authentication tutorial I will demonstrate you with example on how to add sms two factor authentication in laravel. Please follow the instruction given below:

Step 1 : Install Laravel

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel example-app

1	composer create-project laravel/laravel example-app

Step 2: Install Twilio Configuration

First of all you need to create account on twilio.com and add phone number. Then you will be provided account SID, Token and Number. Now, you need to add account SID, Token and Number in .env file:

.env

TWILIO_SID=XXXXXXXXXXXXXXXXX
TWILIO_TOKEN=XXXXXXXXXXXXX
TWILIO_FROM=+XXXXXXXXXXX

TWILIO_SID=XXXXXXXXXXXXXXXXX

TWILIO_TOKEN=XXXXXXXXXXXXX

TWILIO_FROM=+XXXXXXXXXXX

Now you need to install twilio/sdk composer package to use twilio api. Use the following command to install twilio/sdk.

composer require twilio/sdk

1	composer require twilio/sdk

Step 3: Create Migration for table

Now, in this step we will create migration file. Please run the following command:

php artisan make:migration create_user_codes

1	php artisan make:migration create_user_codes

Once above command is executed there will be a migration file created inside database/migrations/ directory, just open migration file and update the function up() method as following:

<?php
  
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
  
class CreateUserCodes extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('user_codes', function (Blueprint $table) {
            $table->id();
            $table->integer('user_id');
            $table->string('code');
            $table->timestamps();
        });
  
        Schema::table('users', function (Blueprint $table) {
            $table->string('phone')->nullable();
        });
    }
  
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('user_codes');
    }
}

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreateUserCodes extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('user_codes', function (Blueprint $table) {

$table->id();

$table->integer('user_id');

$table->string('code');

$table->timestamps();

});

Schema::table('users', function (Blueprint $table) {

$table->string('phone')->nullable();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('user_codes');

}

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Step 4: Create and Update Models

Next we will create a model file.

app/Models/User.php

<?php
  
namespace App\Models;
  
use Illuminate\Contracts\Auth\MustVerifyEmail;
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Foundation\Auth\User as Authenticatable;
use Illuminate\Notifications\Notifiable;
use Laravel\Sanctum\HasApiTokens;
use Exception;
use Twilio\Rest\Client;
  
class User extends Authenticatable
{
    use HasApiTokens, HasFactory, Notifiable;
  
    /**
     * The attributes that are mass assignable.
     *
     * @var string[]
     */
    protected $fillable = [
        'name',
        'email',
        'password',
        'phone'
    ];
  
    /**
     * The attributes that should be hidden for serialization.
     *
     * @var array
     */
    protected $hidden = [
        'password',
        'remember_token',
    ];
  
    /**
     * The attributes that should be cast.
     *
     * @var array
     */
    protected $casts = [
        'email_verified_at' => 'datetime',
    ];
  
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function generateCode()
    {
        $code = rand(1000, 9999);
  
        UserCode::updateOrCreate(
            [ 'user_id' => auth()->user()->id ],
            [ 'code' => $code ]
        );
  
        $receiverNumber = auth()->user()->phone;
        $message = "2FA login code is ". $code;
    
        try {
   
            $account_sid = getenv("TWILIO_SID");
            $auth_token = getenv("TWILIO_TOKEN");
            $twilio_number = getenv("TWILIO_FROM");
    
            $client = new Client($account_sid, $auth_token);
            $client->messages->create($receiverNumber, [
                'from' => $twilio_number, 
                'body' => $message]);
    
        } catch (Exception $e) {
            info("Error: ". $e->getMessage());
        }
    }
}

<?php

namespace App\Models;

use Illuminate\Contracts\Auth\MustVerifyEmail;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Foundation\Auth\User as Authenticatable;

use Illuminate\Notifications\Notifiable;

use Laravel\Sanctum\HasApiTokens;

use Exception;

use Twilio\Rest\Client;

class User extends Authenticatable

{

use HasApiTokens, HasFactory, Notifiable;

/**

* The attributes that are mass assignable.

* @var string[]

protected $fillable = [

'name',

'email',

'password',

'phone'

];

/**

* The attributes that should be hidden for serialization.

* @var array

protected $hidden = [

'password',

'remember_token',

];

/**

* The attributes that should be cast.

* @var array

protected $casts = [

'email_verified_at' => 'datetime',

];

/**

* Write code on Method

* @return response()

public function generateCode()

{

$code = rand(1000, 9999);

UserCode::updateOrCreate(

[ 'user_id' => auth()->user()->id ],

[ 'code' => $code ]

);

$receiverNumber = auth()->user()->phone;

$message = "2FA login code is ". $code;

try {

$account_sid = getenv("TWILIO_SID");

$auth_token = getenv("TWILIO_TOKEN");

$twilio_number = getenv("TWILIO_FROM");

$client = new Client($account_sid, $auth_token);

$client->messages->create($receiverNumber, [

'from' => $twilio_number,

'body' => $message]);

} catch (Exception $e) {

info("Error: ". $e->getMessage());

}

app/Models/UserCode.php

a<?php
  
namespace App\Models;
  
use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;
  
class UserCode extends Model
{
    use HasFactory;
  
    public $table = "user_codes";
  
    protected $fillable = [
        'user_id',
        'code',
    ];
}

a<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class UserCode extends Model

{

use HasFactory;

public $table = "user_codes";

protected $fillable = [

'user_id',

'code',

];

}

Step 5: Create Auth Scaffold

Use the following command to generate laravel auth scaffolding:

composer require laravel/ui

1	composer require laravel/ui

Lets create auth scaffold:

php artisan ui bootstrap --auth

1	php artisan ui bootstrap --auth

Step 6: Create Middleware

Now we will create a custom middleware to implement two factor authentication.

php artisan make:middleware Check2FA

1	php artisan make:middleware Check2FA

app/Http/Middleware/Check2FA.php

<?php
  
namespace App\Http\Middleware;
  
use Closure;
use Illuminate\Http\Request;
use Session;
  
class Check2FA
{
    /**
     * Handle an incoming request.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Closure  $next
     * @return mixed
     */
    public function handle(Request $request, Closure $next)
    {
        if (!Session::has('user_2fa')) {
            return redirect()->route('2fa.index');
        }
  
        return $next($request);
    }
}

<?php

namespace App\Http\Middleware;

use Closure;

use Illuminate\Http\Request;

use Session;

class Check2FA

{

/**

* Handle an incoming request.

* @param \Illuminate\Http\Request $request

* @param \Closure $next

* @return mixed

public function handle(Request $request, Closure $next)

{

if (!Session::has('user_2fa')) {

return redirect()->route('2fa.index');

}

return $next($request);

}

app/Http/Kernel.php

<?php
  
namespace App\Http;
 
use Illuminate\Foundation\Http\Kernel as HttpKernel;
  
class Kernel extends HttpKernel
{
    ...
    ...
    ...
  
    protected $routeMiddleware = [
        'auth' => \App\Http\Middleware\Authenticate::class,
        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
        'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
        'can' => \Illuminate\Auth\Middleware\Authorize::class,
        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
        'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class,
        'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,
        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
        'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,
        '2fa' => \App\Http\Middleware\Check2FA::class,
    ];
}

<?php

namespace App\Http;

use Illuminate\Foundation\Http\Kernel as HttpKernel;

class Kernel extends HttpKernel

{

...

protected $routeMiddleware = [

'auth' => \App\Http\Middleware\Authenticate::class,

'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,

'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,

'can' => \Illuminate\Auth\Middleware\Authorize::class,

'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,

'password.confirm' => \Illuminate\Auth\Middleware\RequirePassword::class,

'signed' => \Illuminate\Routing\Middleware\ValidateSignature::class,

'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,

'verified' => \Illuminate\Auth\Middleware\EnsureEmailIsVerified::class,

'2fa' => \App\Http\Middleware\Check2FA::class,

];

}

Step 7: Create Route

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

<?php
  
use Illuminate\Support\Facades\Route;
  
/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/
  
Route::get('/', function () {
    return view('welcome');
});
  
Auth::routes();
  
Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home')->middleware('2fa');
  
Route::get('2fa', [App\Http\Controllers\TwoFAController::class, 'index'])->name('2fa.index');
Route::post('2fa', [App\Http\Controllers\TwoFAController::class, 'store'])->name('2fa.post');
Route::get('2fa/reset', [App\Http\Controllers\TwoFAController::class, 'resend'])->name('2fa.resend');

<?php

use Illuminate\Support\Facades\Route;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('/', function () {

return view('welcome');

});

Auth::routes();

Route::get('/home', [App\Http\Controllers\HomeController::class, 'index'])->name('home')->middleware('2fa');

Route::get('2fa', [App\Http\Controllers\TwoFAController::class, 'index'])->name('2fa.index');

Route::post('2fa', [App\Http\Controllers\TwoFAController::class, 'store'])->name('2fa.post');

Route::get('2fa/reset', [App\Http\Controllers\TwoFAController::class, 'resend'])->name('2fa.resend');

Step 8: Create and Update Controllers

Now, lets open RegisterController and LoginController and put the following code in it:

app/Http/Controllers/Auth/RegisterController.php

<?php
  
namespace App\Http\Controllers\Auth;
  
use App\Http\Controllers\Controller;
use App\Providers\RouteServiceProvider;
use App\Models\User;
use Illuminate\Foundation\Auth\RegistersUsers;
use Illuminate\Support\Facades\Hash;
use Illuminate\Support\Facades\Validator;
  
class RegisterController extends Controller
{
    /*
    |--------------------------------------------------------------------------
    | Register Controller
    |--------------------------------------------------------------------------
    |
    | This controller handles the registration of new users as well as their
    | validation and creation. By default this controller uses a trait to
    | provide this functionality without requiring any additional code.
    |
    */
  
    use RegistersUsers;
  
    /**
     * Where to redirect users after registration.
     *
     * @var string
     */
    protected $redirectTo = RouteServiceProvider::HOME;
  
    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('guest');
    }
  
    /**
     * Get a validator for an incoming registration request.
     *
     * @param  array  $data
     * @return \Illuminate\Contracts\Validation\Validator
     */
    protected function validator(array $data)
    {
        return Validator::make($data, [
            'name' => ['required', 'string', 'max:255'],
            'phone' => ['required'],
            'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],
            'password' => ['required', 'string', 'min:8', 'confirmed'],
        ]);
    }
 
    /**
     * Create a new user instance after a valid registration.
     *
     * @param  array  $data
     * @return \App\Models\User
     */
    protected function create(array $data)
    {
        return User::create([
            'name' => $data['name'],
            'phone' => $data['phone'],
            'email' => $data['email'],
            'password' => Hash::make($data['password']),
        ]);
    }
}

<?php

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;

use App\Providers\RouteServiceProvider;

use App\Models\User;

use Illuminate\Foundation\Auth\RegistersUsers;

use Illuminate\Support\Facades\Hash;

use Illuminate\Support\Facades\Validator;

class RegisterController extends Controller

{

|--------------------------------------------------------------------------

| Register Controller

|--------------------------------------------------------------------------

| This controller handles the registration of new users as well as their

| validation and creation. By default this controller uses a trait to

| provide this functionality without requiring any additional code.

use RegistersUsers;

/**

* Where to redirect users after registration.

* @var string

protected $redirectTo = RouteServiceProvider::HOME;

/**

* Create a new controller instance.

* @return void

public function __construct()

{

$this->middleware('guest');

}

/**

* Get a validator for an incoming registration request.

* @param array $data

* @return \Illuminate\Contracts\Validation\Validator

protected function validator(array $data)

{

return Validator::make($data, [

'name' => ['required', 'string', 'max:255'],

'phone' => ['required'],

'email' => ['required', 'string', 'email', 'max:255', 'unique:users'],

'password' => ['required', 'string', 'min:8', 'confirmed'],

]);

}

/**

* Create a new user instance after a valid registration.

* @param array $data

* @return \App\Models\User

protected function create(array $data)

{

return User::create([

'name' => $data['name'],

'phone' => $data['phone'],

'email' => $data['email'],

'password' => Hash::make($data['password']),

]);

}

app/Http/Controllers/Auth/LoginController.php

<?php
   
namespace App\Http\Controllers\Auth;
  
use App\Http\Controllers\Controller;
use App\Providers\RouteServiceProvider;
use Illuminate\Foundation\Auth\AuthenticatesUsers;
use Illuminate\Http\Request;
use Auth;
use App\Models\UserCode;
  
class LoginController extends Controller
{
    /*
    |--------------------------------------------------------------------------
    | Login Controller
    |--------------------------------------------------------------------------
    |
    | This controller handles authenticating users for the application and
    | redirecting them to your home screen. The controller uses a trait
    | to conveniently provide its functionality to your applications.
    |
    */
  
    use AuthenticatesUsers;
  
    /** 
     * Where to redirect users after login.
     *
     * @var string
     */
    protected $redirectTo = RouteServiceProvider::HOME;
  
    /**
     * Create a new controller instance.
     *
     * @return void
     */
    public function __construct()
    {
        $this->middleware('guest')->except('logout');
    }
  
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function login(Request $request)
    {
        $request->validate([
            'email' => 'required',
            'password' => 'required',
        ]);
     
        $credentials = $request->only('email', 'password');
        if (Auth::attempt($credentials)) {
  
            auth()->user()->generateCode();
  
            return redirect()->route('2fa.index');
        }
    
        return redirect("login")->withSuccess('Oppes! You have entered invalid credentials');
    }
}

<?php

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;

use App\Providers\RouteServiceProvider;

use Illuminate\Foundation\Auth\AuthenticatesUsers;

use Illuminate\Http\Request;

use Auth;

use App\Models\UserCode;

class LoginController extends Controller

{

|--------------------------------------------------------------------------

| Login Controller

|--------------------------------------------------------------------------

| This controller handles authenticating users for the application and

| redirecting them to your home screen. The controller uses a trait

| to conveniently provide its functionality to your applications.

use AuthenticatesUsers;

/**

* Where to redirect users after login.

* @var string

protected $redirectTo = RouteServiceProvider::HOME;

/**

* Create a new controller instance.

* @return void

public function __construct()

{

$this->middleware('guest')->except('logout');

}

/**

* Write code on Method

* @return response()

public function login(Request $request)

{

$request->validate([

'email' => 'required',

'password' => 'required',

]);

$credentials = $request->only('email', 'password');

if (Auth::attempt($credentials)) {

auth()->user()->generateCode();

return redirect()->route('2fa.index');

}

return redirect("login")->withSuccess('Oppes! You have entered invalid credentials');

}

Let’s create TwoFAController controller and put the following code in it.

app/Http/Controllers/TwoFAController.php

<?php
  
namespace App\Http\Controllers;
  
use Illuminate\Http\Request;
use Session;
use App\Models\UserCode;
  
class TwoFAController extends Controller
{
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function index()
    {
        return view('2fa');
    }
  
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function store(Request $request)
    {
        $request->validate([
            'code'=>'required',
        ]);
  
        $find = UserCode::where('user_id', auth()->user()->id)
                        ->where('code', $request->code)
                        ->where('updated_at', '>=', now()->subMinutes(2))
                        ->first();
  
        if (!is_null($find)) {
            Session::put('user_2fa', auth()->user()->id);
            return redirect()->route('home');
        }
  
        return back()->with('error', 'You entered wrong code.');
    }
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function resend()
    {
        auth()->user()->generateCode();
  
        return back()->with('success', 'We sent you code on your mobile number.');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Session;

use App\Models\UserCode;

class TwoFAController extends Controller

{

/**

* Write code on Method

* @return response()

public function index()

{

return view('2fa');

}

/**

* Write code on Method

* @return response()

public function store(Request $request)

{

$request->validate([

'code'=>'required',

]);

$find = UserCode::where('user_id', auth()->user()->id)

->where('code', $request->code)

->where('updated_at', '>=', now()->subMinutes(2))

->first();

if (!is_null($find)) {

Session::put('user_2fa', auth()->user()->id);

return redirect()->route('home');

}

return back()->with('error', 'You entered wrong code.');

}

/**

* Write code on Method

* @return response()

public function resend()

{

auth()->user()->generateCode();

return back()->with('success', 'We sent you code on your mobile number.');

}

Step 9: Create and Update Blade File

Finally we will update default register blade file and create new 2fa blade file as following:

resources/views/auth/register.blade.php

@extends('layouts.app')
  
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">{{ __('Register') }}</div>
  
                <div class="card-body">
                    <form method="POST" action="{{ route('register') }}">
                        @csrf
  
                        <div class="form-group row">
                            <label for="name" class="col-md-4 col-form-label text-md-right">{{ __('Name') }}</label>
  
                            <div class="col-md-6">
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name" value="{{ old('name') }}" required autocomplete="name" autofocus>
  
                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
  
                        <div class="form-group row">
                            <label for="name" class="col-md-4 col-form-label text-md-right">Phone</label>
  
                            <div class="col-md-6">
                                <input id="phone" type="text" class="form-control @error('phone') is-invalid @enderror" name="phone" value="{{ old('phone') }}" required autocomplete="phone" autofocus>
  
                                @error('phone')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
  
                        <div class="form-group row">
                            <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>
  
                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email">
  
                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
  
                        <div class="form-group row">
                            <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>
  
                            <div class="col-md-6">
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password">
  
                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
  
                        <div class="form-group row">
                            <label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>
  
                            <div class="col-md-6">
                                <input id="password-confirm" type="password" class="form-control" name="password_confirmation" required autocomplete="new-password">
                            </div>
                        </div>
  
                        <div class="form-group row mb-0">
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    {{ __('Register') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@extends('layouts.app')

@section('content')

<div class="card-header">{{ __('Register') }}</div>

@csrf

@error('name')

<strong>{{ $message }}</strong>

</span>

@enderror

</div>

<label for="name" class="col-md-4 col-form-label text-md-right">Phone</label>

@error('phone')

<strong>{{ $message }}</strong>

</span>

@enderror

</div>

<label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail Address') }}</label>

@error('email')

<strong>{{ $message }}</strong>

</span>

@enderror

</div>

<label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Password') }}</label>

@error('password')

<strong>{{ $message }}</strong>

</span>

@enderror

</div>

<label for="password-confirm" class="col-md-4 col-form-label text-md-right">{{ __('Confirm Password') }}</label>

</div>

</button>

</div>

</form>

</div>

@endsection

resources/views/2fa.blade.php

@extends('layouts.app')
  
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">2FA Verification</div>
  
                <div class="card-body">
                    <form method="POST" action="{{ route('2fa.post') }}">
                        @csrf
  
                        <p class="text-center">We sent code to your phone : {{ substr(auth()->user()->phone, 0, 5) . '******' . substr(auth()->user()->phone,  -2) }}</p>
  
                        @if ($message = Session::get('success'))
                            <div class="row">
                              <div class="col-md-12">
                                  <div class="alert alert-success alert-block">
                                    <button type="button" class="close" data-dismiss="alert">×</button> 
                                      <strong>{{ $message }}</strong>
                                  </div>
                              </div>
                            </div>
                        @endif
  
                        @if ($message = Session::get('error'))
                            <div class="row">
                              <div class="col-md-12">
                                  <div class="alert alert-danger alert-block">
                                    <button type="button" class="close" data-dismiss="alert">×</button> 
                                      <strong>{{ $message }}</strong>
                                  </div>
                              </div>
                            </div>
                        @endif
  
                        <div class="form-group row">
                            <label for="code" class="col-md-4 col-form-label text-md-right">Code</label>
  
                            <div class="col-md-6">
                                <input id="code" type="number" class="form-control @error('code') is-invalid @enderror" name="code" value="{{ old('code') }}" required autocomplete="code" autofocus>
  
                                @error('code')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
  
                        <div class="form-group row mb-0">
                            <div class="col-md-8 offset-md-4">
                                <a class="btn btn-link" href="{{ route('2fa.resend') }}">Resend Code?</a>
                            </div>
                        </div>
  
                        <div class="form-group row mb-0">
                            <div class="col-md-8 offset-md-4">
                                <button type="submit" class="btn btn-primary">
                                    Submit
                                </button>
  
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@extends('layouts.app')

@section('content')

<div class="card-header">2FA Verification</div>

@csrf

<p class="text-center">We sent code to your phone : {{ substr(auth()->user()->phone, 0, 5) . '******' . substr(auth()->user()->phone, -2) }}</p>

@if ($message = Session::get('success'))

<strong>{{ $message }}</strong>

</div>

@endif

@if ($message = Session::get('error'))

<strong>{{ $message }}</strong>

</div>

@endif

@error('code')

<strong>{{ $message }}</strong>

</span>

@enderror

</div>

<a class="btn btn-link" href="{{ route('2fa.resend') }}">Resend Code?</a>

</div>

Submit

</button>

</div>

</form>

</div>

@endsection

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

localhost:8000/

1	localhost:8000/

Laravel 8 Pagination Example with Bootstrap Tutorial

In this Laravel 8 Pagination Example with Bootstrap Tutorial, I will show you how to create and use pagination using bootstrap in laravel application. In this tutorial you will learn to implement and use laravel in-built bootstrap pagination to display data. In this article I will share example how to use laravel inbuilt pagination with bootstrap table. This tutorial will demonstrate you how to use laravel pagination with tables and display data with pagination.

Laravel 8 Pagination Example with Bootstrap Tutorial

In this step by step tutorial I will guide you through how to implement bootstrap pagination in laravel application. Please follow the instruction given below:

Install Laravel App
Database Configuration
Model and Migrations
Generate Fake Data
Create Controller & Route
Use Pagination in Laravel
Laravel Custom Pagination Parameter
Convert Pagination Results To JSON
Run Laravel Application

Install Laravel Project

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel --prefer-dist laravel-pagination

1	composer create-project laravel/laravel --prefer-dist laravel-pagination

switch to the project directory.

cd laravel-pagination

1	cd laravel-pagination

Database Configuration

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=laravel_db
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=localhost

DB_PORT=3306

DB_DATABASE=laravel_db

DB_USERNAME=root

DB_PASSWORD=

Model and Migrations

Now, in this step we will create model and migration file. Please run the following command:

php artisan make:model Employee -m

1	php artisan make:model Employee -m

Open database/migrations/timestamp_create_employees_table.php file and add the schema.

public function up()
{
    Schema::create('employees', function (Blueprint $table) {
        $table->id();
        $table->string('firstname');
        $table->string('lastname');
        $table->string('email')->unique();
        $table->string('dob');
    });
}

public function up()

{

Schema::create('employees', function (Blueprint $table) {

$table->id();

$table->string('firstname');

$table->string('lastname');

$table->string('email')->unique();

$table->string('dob');

});

}

Now put the following code in the app/Models/Employee.php file to register the schema in the $fillable array.

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Student extends Model
{
    use HasFactory;
    protected $fillable = [
        'firstname',
        'lastname',
        'email',
        'dob',
    ];

}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Student extends Model

{

use HasFactory;

protected $fillable = [

'firstname',

'lastname',

'email',

'dob',

];

}

Now, run the migration to create database table using following artisan command:

How to Create Contact Form In Laravel 8 Example Tutorial

In this How to Create Contact Form In Laravel 8 Example Tutorial I’ll show you how to create simple contact form with validation in laravel 8. In this tutorial you will learn to create contact form with validation and send mail in laravel 8. In this article I will also show you how to submit and validate contact form data before submit in laravel. We will also send an email when contact form is submitted then save contact form input in the database. In this example I will guide you through creating contact form in laravel, validating contact form, submitting contact form and then sending email when contact form is submitted.

How to Create Contact Form In Laravel 8 Example Tutorial

In this step by step tutorial I will demonstrate you how to create simple contact form with validation and send email in laravel. Please follow the instruction given below:

Install Laravel Project
Make Database Connection
Model and Migrations
Create Controller
Configure Contact Form Routes
Add Custom CSS in Laravel
Create Laravel Contact Form with Bootstrap
Laravel Contact Form Validation
Set Up Email Template
Set Up Laravel Email Server
Send Email in Laravel

Install Laravel Project

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel --prefer-dist laravel-contact-form

1	composer create-project laravel/laravel --prefer-dist laravel-contact-form

switch into the project directory:

cd laravel-contact-form

1	cd laravel-contact-form

Make Database Connection

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=laravel_db
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=localhost

DB_PORT=3306

DB_DATABASE=laravel_db

DB_USERNAME=root

DB_PASSWORD=

Create Model and Run Database Migrations

Now, in this step we will create model and migration file. Please run the following command:

php artisan make:model Contact -m

1	php artisan make:model Contact -m

Open database/migrations/timestamp_create_contacts_table.php file and add the values for contact us form that we stored in the MySQL database.

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

class CreateContactsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('contacts', function (Blueprint $table) {
            $table->id();
            $table->string('name');
            $table->string('email');
            $table->string('phone');
            $table->string('subject');
            $table->text('message');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('contacts');
    }
}

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreateContactsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('contacts', function (Blueprint $table) {

$table->id();

$table->string('name');

$table->string('email');

$table->string('phone');

$table->string('subject');

$table->text('message');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('contacts');

}

Next, open app/Models/Contact.php file and add the $fillable property in the model as following.

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Contact extends Model
{
    use HasFactory;
    public $fillable = ['name', 'email', 'phone', 'subject', 'message'];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Contact extends Model

{

use HasFactory;

public $fillable = ['name', 'email', 'phone', 'subject', 'message'];

}

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

Create Contact Form Controller

Now, lets create a controller named ContactUsFormController using command given below –

php artisan make:controller ContactUsFormController

1	php artisan make:controller ContactUsFormController

Open app/Http/Controller/ContactUsFormController.php file and add the following code in it.

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\Contact;


class ContactUsFormController extends Controller {

    // Create Contact Form
    public function createForm(Request $request) {
      return view('contact');
    }

    // Store Contact Form data
    public function ContactUsForm(Request $request) {

        // Form validation
        $this->validate($request, [
            'name' => 'required',
            'email' => 'required|email',
            'phone' => 'required|regex:/^([0-9\s\-\+\(\)]*)$/|min:10',
            'subject'=>'required',
            'message' => 'required'
         ]);

        //  Store data in database
        Contact::create($request->all());

        // 
        return back()->with('success', 'We have received your message and would like to thank you for writing to us.');
    }

}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Contact;

class ContactUsFormController extends Controller {

// Create Contact Form

public function createForm(Request $request) {

return view('contact');

}

// Store Contact Form data

public function ContactUsForm(Request $request) {

// Form validation

$this->validate($request, [

'name' => 'required',

'email' => 'required|email',

'phone' => 'required|regex:/^([0-9\s\-\+]*)$/|min:10',

'subject'=>'required',

'message' => 'required'

]);

// Store data in database

Contact::create($request->all());

return back()->with('success', 'We have received your message and would like to thank you for writing to us.');

}

Configure Contact Form Routes in Laravel

After this, we need to define routes in “routes/web.php” file. Lets open “routes/web.php” file and add the following routes in it.

routes/web.php

<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\ContactUsFormController;

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::get('/contact', [ContactUsFormController::class, 'createForm']);

Route::post('/contact', [ContactUsFormController::class, 'ContactUsForm'])->name('contact.store');

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\ContactUsFormController;

|--------------------------------------------------------------------------

| Web Routes

|--------------------------------------------------------------------------

| Here is where you can register web routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| contains the "web" middleware group. Now create something great!

Route::get('/contact', [ContactUsFormController::class, 'createForm']);

Route::post('/contact', [ContactUsFormController::class, 'ContactUsForm'])->name('contact.store');

Add Custom CSS in Laravel

Lets create /css/style.css file in public folder and put the below CSS code in the newly created CSS file.

.container {
    max-width: 500px;
    margin: 50px auto;
    text-align: left;
    font-family: sans-serif;
}

form {
    border: 1px solid #1A33FF;
    background: #ecf5fc;
    padding: 40px 50px 45px;
}

.form-control:focus {
    border-color: #000;
    box-shadow: none;
}

label {
    font-weight: 600;
}

.error {
    color: red;
    font-weight: 400;
    display: block;
    padding: 6px 0;
    font-size: 14px;
}

.form-control.error {
    border-color: red;
    padding: .375rem .75rem;
}

.container {

max-width: 500px;

margin: 50px auto;

text-align: left;

font-family: sans-serif;

}

form {

border: 1px solid #1A33FF;

background: #ecf5fc;

padding: 40px 50px 45px;

}

.form-control:focus {

border-color: #000;

box-shadow: none;

}

label {

font-weight: 600;

}

.error {

color: red;

font-weight: 400;

display: block;

padding: 6px 0;

font-size: 14px;

}

.form-control.error {

border-color: red;

padding: .375rem .75rem;

}

Now, you can easily call this CSS file in the Laravel blade template, we need to paste the following code in the view/contact.blade.php file to add the custom CSS in Laravel.

<link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">

1	<link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">

Create Laravel 8 Contact Form with Bootstrap

Go to resources/views/ folder and create contact.blade.php blade view file inside of it. Then, put the following code in it.

<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Laravel</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="{{ asset('css/style.css') }}">
</head>

<body>
    <div class="container mt-5">

        <!-- Success message -->
        @if(Session::has('success'))
            <div class="alert alert-success">
                {{Session::get('success')}}
            </div>
        @endif

        <form action="" method="post" action="{{ route('contact.store') }}">

            <!-- CROSS Site Request Forgery Protection -->
            @csrf

            <div class="form-group">
                <label>Name</label>
                <input type="text" class="form-control" name="name" id="name">
            </div>

            <div class="form-group">
                <label>Email</label>
                <input type="email" class="form-control" name="email" id="email">
            </div>

            <div class="form-group">
                <label>Phone</label>
                <input type="text" class="form-control" name="phone" id="phone">
            </div>

            <div class="form-group">
                <label>Subject</label>
                <input type="text" class="form-control" name="subject" id="subject">
            </div>

            <div class="form-group">
                <label>Message</label>
                <textarea class="form-control" name="message" id="message" rows="4"></textarea>
            </div>

            <input type="submit" name="send" value="Submit" class="btn btn-dark btn-block">
        </form>
    </div>
</body>

</html>

<!DOCTYPE html>

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>

<title>Laravel</title>

</head>

<body>

@if(Session::has('success'))

</div>

@endif

@csrf

</div>

<label>Email</label>

</div>

<label>Phone</label>

</div>

<label>Subject</label>

</div>

<label>Message</label>

</div>

</form>

</div>

</body>

</html>

Laravel Contact Form Validation

Now we will add validation on contact form input field using $errors->has() method.

<form action="" method="post" action="{{ route('contact.store') }}">

    @csrf

    <div class="form-group">
        <label>Name</label>
        <input type="text" class="form-control {{ $errors->has('name') ? 'error' : '' }}" name="name" id="name">

        <!-- Error -->
        @if ($errors->has('name'))
        <div class="error">
            {{ $errors->first('name') }}
        </div>
        @endif
    </div>

    <div class="form-group">
        <label>Email</label>
        <input type="email" class="form-control {{ $errors->has('email') ? 'error' : '' }}" name="email" id="email">

        @if ($errors->has('email'))
        <div class="error">
            {{ $errors->first('email') }}
        </div>
        @endif
    </div>

    <div class="form-group">
        <label>Phone</label>
        <input type="text" class="form-control {{ $errors->has('phone') ? 'error' : '' }}" name="phone" id="phone">

        @if ($errors->has('phone'))
        <div class="error">
            {{ $errors->first('phone') }}
        </div>
        @endif
    </div>

    <div class="form-group">
        <label>Subject</label>
        <input type="text" class="form-control {{ $errors->has('subject') ? 'error' : '' }}" name="subject"
            id="subject">

        @if ($errors->has('subject'))
        <div class="error">
            {{ $errors->first('subject') }}
        </div>
        @endif
    </div>

    <div class="form-group">
        <label>Message</label>
        <textarea class="form-control {{ $errors->has('message') ? 'error' : '' }}" name="message" id="message"
            rows="4"></textarea>

        @if ($errors->has('message'))
        <div class="error">
            {{ $errors->first('message') }}
        </div>
        @endif
    </div>

    <input type="submit" name="send" value="Submit" class="btn btn-dark btn-block">
</form>

@csrf

<input type="text" class="form-control {{ $errors->has('name') ? 'error' : '' }}" name="name" id="name">

@if ($errors->has('name'))

</div>

@endif

</div>

<label>Email</label>

<input type="email" class="form-control {{ $errors->has('email') ? 'error' : '' }}" name="email" id="email">

@if ($errors->has('email'))

</div>

@endif

</div>

<label>Phone</label>

<input type="text" class="form-control {{ $errors->has('phone') ? 'error' : '' }}" name="phone" id="phone">

@if ($errors->has('phone'))

</div>

@endif

</div>

<label>Subject</label>

<input type="text" class="form-control {{ $errors->has('subject') ? 'error' : '' }}" name="subject"

id="subject">

@if ($errors->has('subject'))

</div>

@endif

</div>

<label>Message</label>

<textarea class="form-control {{ $errors->has('message') ? 'error' : '' }}" name="message" id="message"

rows="4"></textarea>

@if ($errors->has('message'))

</div>

@endif

</div>

</form>

Set Up Laravel Email Template

Create resources/views/mail.blade.php file and add the given below code in it.

<h2>Hello</h2> <br><br>

You have got an email from : {{ $name }} <br><br>

User details: <br><br>

Name: {{ $name }} <br>
Email: {{ $email }} <br>
Phone: {{ $phone }} <br>
Subject: {{ $subject }} <br>
Message: {{ $user_query }} <br><br>

Thanks

<h2>Hello</h2> <br><br>

You have got an email from : {{ $name }} <br><br>

User details: <br><br>

Name: {{ $name }} <br>

Email: {{ $email }} <br>

Phone: {{ $phone }} <br>

Subject: {{ $subject }} <br>

Message: {{ $user_query }} <br><br>

Thanks

Configure Laravel Email Server with Mailtrap

MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=your_mailtrap_username
MAIL_PASSWORD=your_mailtrap_password
MAIL_ENCRYPTION=tls

MAIL_MAILER=smtp

MAIL_HOST=smtp.mailtrap.io

MAIL_PORT=2525

MAIL_USERNAME=your_mailtrap_username

MAIL_PASSWORD=your_mailtrap_password

MAIL_ENCRYPTION=tls

Sending Email in Laravel

Now use the following command to create a new Mailable class with contact.php file inside the app/Mails/ directory.

php artisan make:mail contact

1	php artisan make:mail contact

Now, go to Http/Controllers/ContactUsFormController.php file and put the following code with the given below code.

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;
use App\Models\Contact;
use Mail;

class ContactUsFormController extends Controller {

    // Create Contact Form
    public function createForm(Request $request) {
      return view('contact');
    }

    // Store Contact Form data
    public function ContactUsForm(Request $request) {

        // Form validation
        $this->validate($request, [
            'name' => 'required',
            'email' => 'required|email',
            'phone' => 'required|regex:/^([0-9\s\-\+\(\)]*)$/|min:10',
            'subject'=>'required',
            'message' => 'required'
         ]);

        //  Store data in database
        Contact::create($request->all());

        //  Send mail to admin
        \Mail::send('mail', array(
            'name' => $request->get('name'),
            'email' => $request->get('email'),
            'phone' => $request->get('phone'),
            'subject' => $request->get('subject'),
            'user_query' => $request->get('message'),
        ), function($message) use ($request){
            $message->from($request->email);
            $message->to('digambersingh126@gmail.com', 'Admin')->subject($request->get('subject'));
        });

        return back()->with('success', 'We have received your message and would like to thank you for writing to us.');
    }

}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Models\Contact;

use Mail;

class ContactUsFormController extends Controller {

// Create Contact Form

public function createForm(Request $request) {

return view('contact');

}

// Store Contact Form data

public function ContactUsForm(Request $request) {

// Form validation

$this->validate($request, [

'name' => 'required',

'email' => 'required|email',

'phone' => 'required|regex:/^([0-9\s\-\+]*)$/|min:10',

'subject'=>'required',

'message' => 'required'

]);

// Store data in database

Contact::create($request->all());

// Send mail to admin

\Mail::send('mail', array(

'name' => $request->get('name'),

'email' => $request->get('email'),

'phone' => $request->get('phone'),

'subject' => $request->get('subject'),

'user_query' => $request->get('message'),

), function($message) use ($request){

$message->from($request->email);

$message->to('digambersingh126@gmail.com', 'Admin')->subject($request->get('subject'));

});

return back()->with('success', 'We have received your message and would like to thank you for writing to us.');

}

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to see the output –

How To Create and Validate Form in Laravel 8

In this How To Create and Validate Form in Laravel 8 Tutorial I’ll show you how to submit form and validate form data in laravel 8 application. In this laravel form validation tutorial you will learn to submit and validate form data in laravel with built in laravel form validation available in laravel. In this Laravel 8 form validation tutorial I’ll share various validation implementation and use case to validate and display error messages in blade view file. In this laravel form validation tutorial we will be learning about laravel server side validations. In this tutorial, I’ll show you how to submit and validate form data and to display validation errors.

How To Create and Validate Form in Laravel 8

In this step by step tutorial I’ll demonstrate you how perform server side form validations in laravel form. We will also create example to submit and validate form data in laravel 8. Please follow the instruction given below:

Install Laravel Project
Make Database Connection
Model and Database Migrations
Create Form Validation Controller
Register New Routes
Implement Form Validation
Add Custom CSS
Start Laravel Application

Install Laravel Project

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel --prefer-dist laravel-form-validation

1	composer create-project laravel/laravel --prefer-dist laravel-form-validation

switch to the project directory.

cd laravel-form-validation

1	cd laravel-form-validation

Make Database Connection

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=localhost
DB_PORT=3306
DB_DATABASE=laravel_db
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=localhost

DB_PORT=3306

DB_DATABASE=laravel_db

DB_USERNAME=root

DB_PASSWORD=

Model and Database Migrations

Now, in this step we will create model and migration file. Please run the following command:

How to Properly Install and Use Bootstrap 4 in Laravel 8

In this How to Properly Install and Use Bootstrap 4 in Laravel 8 tutorial I will show you how to install bootstrap 4 in laravel 8. In this tutorial you will learn to install bootstrap 4 in laravel 8. In this article I will share example to install bootstrap 4 in laravel application.

How to Properly Install and Use Bootstrap 4 in Laravel 8

In this step by step laravel 8 install bootstrap 4 tutorial I will demonstrate you to install bootstrap 4 in laravel 8. We will cover the following concepts of Laravel and Bootstrap:

How to Install Laravel/UI.
How to install Bootstrap and its packages
How to compile Bootstrap assets.
How to install Bootstrap Auth Scaffolding.
How to use complied Bootstrap CSS and JS in Laravel blade template

Laravel Bootstrap 4

Bootstrap is a CSS framework that provides user-friendly UI components to build a next-level web or mobile application.

Install Laravel Project

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel --prefer-dist laravel-bootstrap

1	composer create-project laravel/laravel --prefer-dist laravel-bootstrap

Switch to the newly created project directory.

cd laravel-bootstrap

1	cd laravel-bootstrap

Install Laravel/UI

Now, switch the laravel project directory and run the following composer command to install laravel/ui package.

composer require laravel/ui

1	composer require laravel/ui

Install Bootstrap in Laravel 8

Run following artisan command to install Bootstrap in your Laravel project.

php artisan ui bootstrap

1	php artisan ui bootstrap

Install Bootstrap Auth Scaffolding

Use the following artisan command to Install the auth scaffoldings with Bootstrap.

php artisan ui bootstrap --auth

1	php artisan ui bootstrap --auth

We have successfully installed the bootstrap, and you can make sure by going to resource/js/bootstrap.js. You will see that popper.js and jQuery have been added to the bootstrap’s JavaScript file.

Install Bootstrap Packages

Now, we need to make sure we have Node installed on your local development system. Run the following command to check node installation.

# for node
node -v

# for npm
npm -v

# for node

node -v

# for npm

npm -v

Now, you need to install the bootstrap package and the related frontend dependencies such as jquery from npm using the following command:

How to Install React JS in Laravel 8 with Bootstrap

In this How to Install React JS in Laravel 8 with Bootstrap tutorial I will show you how to install react js with bootstrap in laravel 8 application. In this tutorial you will learn to install react js with bootstrap in laravel. We will implement a laravel 8 react example application. In this tutorial we will understand how to install and setup laravel 8 with react js. In this example we will also install react with laravel and also laravel 8 react auth using laravel ui.

How to Install React JS in Laravel 8 with Bootstrap

In this step by step tutorial I will guide you through how to install react js with bootstrap in laravel application. Please follow the instruction given below:

Install Laravel Project

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel --prefer-dist laravel-react-js

1	composer create-project laravel/laravel --prefer-dist laravel-react-js

Switch to the Laravel project directory:

cd laravel-react-js

1	cd laravel-react-js

Install laravel/ui

Install Laravel UI package for starting with Laravel 8 with React JS. So if you want to start with Laravel 8 with React, run the below command:

Laravel 8 User Login Signup API with JWT Authentication

In this Laravel 8 User Login Signup API with JWT Authentication Tutorial I’ll show you how to build the user login and signup rest APIs with jwt (JSON web token) authentication in laravel 8. In this tutorial you will learn to create login and signup api using jwt authentication in laravel 8. In this example I’ll also show you how to install jwt auth and configure jwt auth in laravel 8. In this article, we will learn to create fully functional restful API with JWT Authentication in Laravel 8.

In this step by step tutorial I will demonstrate you with example to create registration and login api with jwt authentication in laravel. Please follow the instruction given below:

Install Laravel Application
Database Connection
Add User into MySQL Database
Install & Configure JWT Authentication Package
Set Up User Model
Configure Auth Guard
Build Authentication Controller
Add Routes for Authentication
Test REST API with Postman
Conclusion

Install Laravel Application

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel laravel-jwt-auth --prefer-dist

1	composer create-project laravel/laravel laravel-jwt-auth --prefer-dist

Database Connection

Now, lets create a MySQL database and connect it with laravel application. After creating database we need to set database credential in application’s .env file.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=laravel

DB_USERNAME=root

DB_PASSWORD=

Add User into MySQL Database

Now, run following command to migrate database schema.

php artisan migrate

1	php artisan migrate

Install & Configure JWT Authentication Package

In this step, we will install tymon jwt auth package via the composer dependency manager. Use the following command to install laravel jwt authentication package.

composer require tymon/jwt-auth

1	composer require tymon/jwt-auth

After Installing tymon/jwt-auth package, we need to add service provider and alias in config/app.php file as following. Include the JWTAuth and JWTFactory facades inside the aliases array as following:

config/app.php

'providers' => [
    ....
    ....
    Tymon\JWTAuth\Providers\LaravelServiceProvider::class,
],
'aliases' => [
    ....
    'JWTAuth' => Tymon\JWTAuth\Facades\JWTAuth::class,
    'JWTFactory' => Tymon\JWTAuth\Facades\JWTFactory::class,
    ....
],

'providers' => [

....

Tymon\JWTAuth\Providers\LaravelServiceProvider::class,

'aliases' => [

....

'JWTAuth' => Tymon\JWTAuth\Facades\JWTAuth::class,

'JWTFactory' => Tymon\JWTAuth\Facades\JWTFactory::class,

....

After that, run the below given command to publish the configuration file in Laravel for jwt auth:

php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\LaravelServiceProvider"

1	php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\LaravelServiceProvider"

Now, you need to generate jwt encryption keys. Use the following command to generate encryption keys needed to generate secure access tokens:

php artisan jwt:secret

1	php artisan jwt:secret

You can check this key inside the .env file.

Laravel 8 Angular Token Based Authentication with JWT

In this Laravel 8 Angular Token Based Authentication with JWT Tutorial I’ll show you how to create REST API with secure jwt token based authentication in Laravel 8 Angular application using JWT (JSON Web Token) . In this tutorial you will learn to create laravel rest api with token based authentication in laravel angular application. In this article, we will learn to create fully functional restful API with JWT Authentication in Laravel 8 angular application. We will also learn to create login and registration api using jwt authentication in laravel 8. In this example I will guide you through how to create fully functional restful API with JWT Authentication in Laravel 8 for laravel and angular application.

In laravel token based authentication provides secure user authentication system. Token based authentication restrain unauthenticated user from accessing the application. In this example we will be using JWT (JSON Web Token) token based authentication integrated with laravel application. In this example I’ll also show you how to install jwt auth and configure jwt auth in laravel 8.

Laravel 8 Angular Token Based Authentication with JWT

Clone Laravel JWT Auth Repo
Install and Configure Angular
Create CORS Middleware
Consume Angular Service
Set JWT Token with Http Interceptor
Angular User Registration Component
Angular User Login Component
Angular User Profile Component
Angular User Lgout Component

Laravel and Angular Project Structure

Create new project directory using following command:

mkdir your_project_name

1	mkdir your_project_name

and this folder will have backend (Laravel API) and frontend (Angular) folders inside it.

- your_project_name
--- backend
--- frontend

- your_project_name

--- backend

--- frontend

Create Laravel JWT Authentication REST API

In this step we will clone the Laravel JWT Auth REST API project, switch to backend folder inside your project folder using following command:

cd backend

1	cd backend

Now we will download the project from GitHub repo link, then unzip all the files inside the backend folder:

Now, run the following commands to install required dependencies for node and composer for your laravel auth project:

$ composer install
$ cp .env.example .env
$ php artisan key:generate
$ php artisan migrate
$ php artisan serve

$ composer install

$ cp .env.example .env

$ php artisan key:generate

$ php artisan migrate

$ php artisan serve

Start the project using following command:

php artisan serve

1	php artisan serve

Now project will be started at

http://127.0.0.1:8000

1	http://127.0.0.1:8000

Use above link as base URL for accessing following api

Method	Endpoint
POST	/api/auth/register
POST	/api/auth/login
GET	/api/auth/user-profile
POST	/api/auth/refresh
POST	/api/auth/logout

Install and Configure Angular

In this step you need to switch into the frontend folder and install Angular application using following command:

ng new frontend && cd frontend

1	ng new frontend && cd frontend

Next, we will create following angular components for user authentication system.

Laravel 8 Ajax Example Tutorial

In this Laravel 8 Ajax Example tutorial I will show you how to use ajax in laravel 8 applications. In this tutorial you will learn to use ajax in laravel 8. In this article I will demonstrate you how to retrieve data from database using ajax in laravel. With ajax you can get data from database without reloading or refreshing page in laravel 8. In this step by step guide you will understand laravel ajax request implementation.

Laravel 8 Ajax Example Tutorial

In this step by step tutorial I will demonstrate you with example how to get data from database using ajax in laravel 8 application. Please follow instruction given below:

Install Laravel Project
Make Database Connection
Model and Migration
Create Controller
Create Routes
Create Layout
Make Ajax Request
Define AJAX Logic
Test Laravel AJAX App

Install Laravel Project

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel laravel-ajax-crud --prefer-dist

1	composer create-project laravel/laravel laravel-ajax-crud --prefer-dist

now, switch into the project directory using following command

Create & Configure Model and Migration

Now, in this step we will create model and migration file. Please run the following command:

php artisan make:model Todo -m

1	php artisan make:model Todo -m

Add Values in Model

Open app/Models/Todo.php and put the following code in it.

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;
use Illuminate\Database\Eloquent\Model;

class Todo extends Model
{
    use HasFactory;
    protected $fillable = ['title', 'description'];
}

<?php

namespace App\Models;

use Illuminate\Database\Eloquent\Factories\HasFactory;

use Illuminate\Database\Eloquent\Model;

class Todo extends Model

{

use HasFactory;

protected $fillable = ['title', 'description'];

}

Configure and Run Migration

open xxxx_xx_xx_xxxxxx_create_todos_table.php migration file and update the function up() method as following:

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

class CreateTodosTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('todos', function (Blueprint $table) {
            $table->id();
            $table->string('title');
            $table->string('description');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('todos');
    }
}

<?php

use Illuminate\Database\Migrations\Migration;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Support\Facades\Schema;

class CreateTodosTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

Schema::create('todos', function (Blueprint $table) {

$table->id();

$table->string('title');

$table->string('description');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('todos');

}

Run Migration

Now, run the migration to create database table using following artisan command:

php artisan migrate

1	php artisan migrate

How to Use Yajra Datatables in Laravel 8

In this How to Use Yajra Datatables in Laravel 8 tutorial, I’ll show you how to install and use yajra DataTables in your laravel 8 application with example. In this tutorial you will learn to install and use yajra DataTables in your laravel 8 application. In this example, we will be using yajra datatable package for listing of records with pagination, sorting and filter (search) feature. Laravel Yajra datatables package comes with many built-in features for searching and sorting functionality.

How to Use Yajra Datatables in Laravel 8

In this step by step tutorial I’ll guide you through the process to install and use yajra DataTables in your laravel application. In this tutorial I will demonstrate you with example installation and use of DataTables in laravel. Please follow the instruction given below:

Install Laravel App
Install Yajra Datatables
Set Up Model and Migrations
Insert Dummy Data
Create Controller
Define Route
Create View

Install Laravel App

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel laravel-yajra-datatables --prefer-dist

1	composer create-project laravel/laravel laravel-yajra-datatables --prefer-dist

Switch into the project project directory using following command

cd laravel-yajra-datatables

1	cd laravel-yajra-datatables

Install Yajra Datatable Package

In this step, we will install Yajra Datatables Package via the composer dependency manager. Use the following command to install Yajra Datatables Package.

composer require yajra/laravel-datatables-oracle

1	composer require yajra/laravel-datatables-oracle

After Installing Yajra Datatables package, we need to add service provider and alias in config/app.php file as following.

config/app.php

.....
.....
'providers' => [
	....
	....
	Yajra\DataTables\DataTablesServiceProvider::class,
]
'aliases' => [
	....
	....
	'DataTables' => Yajra\DataTables\Facades\DataTables::class,
]
.....
.....

.....

'providers' => [

....

Yajra\DataTables\DataTablesServiceProvider::class,

]

'aliases' => [

....

'DataTables' => Yajra\DataTables\Facades\DataTables::class,

]

.....

Run vendor publish command further this step is optional:

How to Install and Use Summernote Editor in Laravel 8

In this How to Install and Use Summernote Editor in Laravel 8 Tutorial I’ll show you how to install and use Summernote editor in laravel 8. In this tutorial you will learn to install and use Summernote editor in laravel 8. In this example I will show you how to directly use Summernote editor without and laravel package in laravel blade view file. We will not going to install and laravel package to install and use Summernote editor. We will directly integrate Summernote editor using summernote javascript libraries and css files.

How to Install and Use Summernote Editor in Laravel 8

In this step by step tutorial I will demonstrate you how to install and use summernote editor in laravel 8 application without any summernote package. Please follow the instruction given below:

Install Laravel Project
Install Summernote Editor
Display Summernote Editor

Install Laravel Project

First of all we need to create a fresh laravel project, download and install Laravel 8 using the below command

composer create-project laravel/laravel laravel-summernote-editor --prefer-dist

1	composer create-project laravel/laravel laravel-summernote-editor --prefer-dist

Use the following command to switch into the project directory.

cd laravel-summernote-editor

1	cd laravel-summernote-editor

Install Summernote Editor in Laravel

Now, we will use the following javascript libraries and css files

<!-- include libraries(jQuery, bootstrap) -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>

<!-- summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>

Display Summernote Editor in Laravel 8

Now put the following code in views/home.blade.php blade view file.

views/home.blade.php

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Laravel Summernote Editor Example</title>

    <!-- include libraries(jQuery, bootstrap) -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
    
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-7 offset-3 mt-4">
                <div class="card-body">

                    <form method=”POST” action="">
                        @csrf
                        <div class="form-group">
                            <textarea class="form-control" name="summernote" id="summernote"></textarea>
                        </div>
                        <button type=”submit” class="btn btn-danger btn-block">Save</button>
                    </form>
                    
                </div>
            </div>
        </div>
    </div>
</body>

<!-- summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote-bs4.min.js"></script>
<script type="text/javascript">
    $('#summernote').summernote({
        height: 400
    });
</script>

</html>

<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">

<head>

<title>Laravel Summernote Editor Example</title>

</head>

<body>

@csrf

</div>

</form>

</div>

</body>

$('#summernote').summernote({

height: 400

});

</script>

</html>

Run Development Server

Now we are ready to run our example so lets start the development server using following artisan command –

php artisan serve

1	php artisan serve

Now, open the following URL in browser to view the Summernote Editor integration example

Razorpay Payment Gateway

Razorpay Payment Gateway Integration in Laravel 8 Tutorial

Step 1: Install Laravel

Step 2: Create Razorpay Account

Step 3: Install razorpay/razorpay Package

Step 4: Create Route

Step 5: Create Controller

Step 6: Create Blade File

Run Development Server

Laravel 8 Two Factor Authentication with SMS

Step 1 : Install Laravel

Step 2: Install Twilio Configuration

Step 3: Create Migration for table

Step 5: Create Auth Scaffold

Step 6: Create Middleware

Step 7: Create Route

Step 8: Create and Update Controllers

Step 9: Create and Update Blade File

Run Development Server

Laravel 8 Pagination Example with Bootstrap Tutorial

Install Laravel Project

Database Configuration

Model and Migrations

Generate Fake Data using Faker

Create Controller & Route

Create Route

Render Records in View

Use Pagination in Laravel

Laravel Custom Pagination Parameter

Convert Pagination Results To JSON

Run Laravel Application

How to Create Contact Form In Laravel 8 Example Tutorial

Install Laravel Project

Make Database Connection

Create Model and Run Database Migrations

Create Contact Form Controller

Configure Contact Form Routes in Laravel

Add Custom CSS in Laravel

Create Laravel 8 Contact Form with Bootstrap

Laravel Contact Form Validation

Set Up Laravel Email Template

Configure Laravel Email Server with Mailtrap

Sending Email in Laravel

How To Create and Validate Form in Laravel 8

Install Laravel Project

Make Database Connection

Model and Database Migrations

Create Form Validation Controller

Define Form Routes in Laravel

Implement Form Validation in Laravel

Add Custom CSS

Start Laravel Application

How to Properly Install and Use Bootstrap 4 in Laravel 8

Laravel Bootstrap 4

Install Laravel Project

Install Laravel/UI

Install Bootstrap in Laravel 8

Install Bootstrap Auth Scaffolding

Install Bootstrap Packages

Compile Assets

Automate SASS and JS Changes

Using Bootstrap in Laravel Blade Template

How to Install React JS in Laravel 8 with Bootstrap

Install Laravel Project

Install laravel/ui

Install React in Laravel

Install Required Packages

Set Up React Component in Laravel

Laravel 8 User Login Signup API with JWT Authentication

Install Laravel Application

Database Connection

Add User into MySQL Database

Install & Configure JWT Authentication Package

Set Up User Model

Configure Auth guard

Build Authentication Controller

Add Authentication Routes

Test Laravel JWT Authentication API with Postman

Laravel 8 Angular Token Based Authentication with JWT

Laravel and Angular Project Structure