Category Archives: Blog

Blog

Laravel 7/6 Send Error Exceptions on Mail/Email

In this Laravel 7/6 Send Error Exceptions on Mail/Email tutorial I will show you how to send error exceptions on email in laravel. In this tutorial you will learn to send error exceptions on email in laravel. Here you will learn to send error exceptions on developer mail or as you want any other mail. In laravel most of error exceptions came for your laravel app. The app will be down and the user will leave your application. In Laravel, all exceptions are handled by the App\Exceptions\Handler class. This class contains two methods: report and render.

Laravel 7/6 Send Error Exceptions on Mail/Email

In Laravel, all exceptions are handled by the

App\Exceptions\Handler class. This class contains two methods: report and render.

1	App\Exceptions\Handler class. This class contains two methods: report and render.

Laravel sends an error exception to mail steps

We are going to show you how you can send error exception mail in your laravel app. Just follow the few steps and it has finished.

Create Mail Class
Create an Email View
Send Error Exception Mail

Create Mail Class

 php artisan make:mail ExceptionMail

1	php artisan make:mail ExceptionMail

This will create a class ExceptionMail in the app/Maildirectory.

<?php
 
namespace App\Mail;
 
use Illuminate\Bus\Queueable;
use Illuminate\Mail\Mailable;
use Illuminate\Queue\SerializesModels;
use Illuminate\Contracts\Queue\ShouldQueue;
 
class ExceptionMail extends Mailable
{
    use Queueable, SerializesModels;
 
    /**
     * The body of the message.
     *
     * @var string
     */
    public $content;
 
    /**
     * Create a new message instance.
     *
     * @return void
     */
    public function __construct($content)
    {
        $this->content = $content;
    }
 
    /**
     * Build the message.
     *
     * @return $this
     */
    public function build()
    {
        return $this->view('emails.exception_email')
                    ->with('content', $this->content);
    }
}

<?php

namespace App\Mail;

use Illuminate\Bus\Queueable;

use Illuminate\Mail\Mailable;

use Illuminate\Queue\SerializesModels;

use Illuminate\Contracts\Queue\ShouldQueue;

class ExceptionMail extends Mailable

{

use Queueable, SerializesModels;

/**

* The body of the message.

* @var string

public $content;

/**

* Create a new message instance.

* @return void

public function __construct($content)

{

$this->content = $content;

}

/**

* Build the message.

* @return $this

public function build()

{

return $this->view('emails.exception_email')

->with('content', $this->content);

}

Create Email View

Now, we have to create new view file inside the emails folder that file name email_exception.blade.php. and put the following code in and add your email_exception.blade.php file:

{!! $content !!}

1	{!! $content !!}

Send Error Exception Mail

Now, go to App\Exceptions\Handler file and put the following code in it:

<?php
 
namespace App\Exceptions;
 
use Mail;
use Symfony\Component\Debug\Exception\FlattenException;
use Symfony\Component\Debug\ExceptionHandler as SymfonyExceptionHandler;
use App\Mail\ExceptionOccured;
 
use Exception;
use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
 
class Handler extends ExceptionHandler
{
    /**
     * A list of the exception types that are not reported.
     *
     * @var array
     */
    protected $dontReport = [
        //
    ];
 
    /**
     * A list of the inputs that are never flashed for validation exceptions.
     *
     * @var array
     */
    protected $dontFlash = [
        'password',
        'password_confirmation',
    ];
 
    /**
     * Report or log an exception.
     *
     * @param  \Exception  $exception
     * @return void
     */
    public function report(Exception $exception)
    {   
       if ($this->shouldReport($exception)) {
            $this->sendEmail($exception); // sends an email
        }
        parent::report($exception);
    }
 
    /**
     * Render an exception into an HTTP response.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \Exception  $exception
     * @return \Illuminate\Http\Response
     */
    public function render($request, Exception $exception)
    {
        return parent::render($request, $exception);
    }
 
    public function sendEmail(Exception $exception)
    {
        try {
            $e = FlattenException::create($exception);
 
            $handler = new SymfonyExceptionHandler();
 
            $html = $handler->getHtml($e);
 
            Mail::to('developer@gmail.com')->send(new ExceptionMail($html));
        } catch (Exception $ex) {
            dd($ex);
        }
    }
}

<?php

namespace App\Exceptions;

use Mail;

use Symfony\Component\Debug\Exception\FlattenException;

use Symfony\Component\Debug\ExceptionHandler as SymfonyExceptionHandler;

use App\Mail\ExceptionOccured;

use Exception;

use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;

class Handler extends ExceptionHandler

{

/**

* A list of the exception types that are not reported.

* @var array

protected $dontReport = [

];

/**

* A list of the inputs that are never flashed for validation exceptions.

* @var array

protected $dontFlash = [

'password',

'password_confirmation',

];

/**

* Report or log an exception.

* @param \Exception $exception

* @return void

public function report(Exception $exception)

{

if ($this->shouldReport($exception)) {

$this->sendEmail($exception); // sends an email

}

parent::report($exception);

}

/**

* Render an exception into an HTTP response.

* @param \Illuminate\Http\Request $request

* @param \Exception $exception

* @return \Illuminate\Http\Response

public function render($request, Exception $exception)

{

return parent::render($request, $exception);

}

public function sendEmail(Exception $exception)

{

try {

$e = FlattenException::create($exception);

$handler = new SymfonyExceptionHandler();

$html = $handler->getHtml($e);

Mail::to('developer@gmail.com')->send(new ExceptionMail($html));

} catch (Exception $ex) {

dd($ex);

}

Now, any error exception is thrown by your application. You will notified via an email with full error exception detail.

Laravel 7/6 Razorpay Payment Gateway Integration Tutorial

In this Laravel 7/6 Razorpay Payment Gateway Integration Example tutorial, I’ll show you how to integrate Razorpay payment gateway in laravel 7/6. In this tutorial you will learn to integrate Razorpay in laravel 7/6. In this step by step tutorial I’ll share laravel 7/6 Razorpay integration example.

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 7/6 is a breeze.

Laravel 7/6 Razorpay Payment Gateway Integration Tutorial

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

Install Laravel App
Setup Database
Model & Migration
Make Route
Create Controller & Methods
Create Blade View
Start Development Server

Step 1: Install Laravel App

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

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

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

Step 2: Setup Database

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=here your database name here
  DB_USERNAME=here database username here
  DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Model & Migration

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

php artisan make:model Payment -m

1	php artisan make:model Payment -m

The above command will create a model name Payment and also create a migration file for the Payment table. Now, go to database/migrations/Payments.php file and replace function, below here :

public function up()
 {
 Schema::create('payments', function (Blueprint $table) {
 $table->increments('id');
 $table->string('payment_id');
 $table->string('user_id');
 $table->string('amount');
 $table->timestamps();
 });
 }

public function up()

{

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

$table->increments('id');

$table->string('payment_id');

$table->string('user_id');

$table->string('amount');

$table->timestamps();

});

}

Before we run php artisan migrate command go to app/providers/AppServiceProvider.php and put the below code :

…
 use Illuminate\Support\Facades\Schema;
 ….
 function boot()
 {
     Schema::defaultStringLength(191);
 }
 …

…

use Illuminate\Support\Facades\Schema;

….

function boot()

{

Schema::defaultStringLength(191);

}

…

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

php artisan migrate

1	php artisan migrate

Step 4: Make Route

Now we will create following routes in the web.php file. Go to app/routes/web.php file and create following routes in it. The first route is to list products and second route is to store payments_id and user information provided by the razorpay payment gateway.

routes/web.php

Route::get('product', 'RazorpayController@index');
  Route::post('paysuccess', 'RazorpayController@paysuccess');
  Route::post('razor-thank-you', 'RazorpayController@thankYou');

Route::get('product', 'RazorpayController@index');

Route::post('paysuccess', 'RazorpayController@paysuccess');

Route::post('razor-thank-you', 'RazorpayController@thankYou');

Step 5: Create Controller

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

php artisan make:controller RazorpayController

1	php artisan make:controller RazorpayController

After successfully create controller go to app/controllers/RazorpayController.php and put the below code :

<?php
 namespace App\Http\Controllers;
 use Illuminate\Http\Request;
 use App\Payment;
 use Redirect,Response;
 class RazorpayController extends Controller
 {
 public function razorpayProduct()
 {
 return view('payments.razorpay');
 }
 public function razorPaySuccess(Request $Request){
 $data = [
           'user_id' => '1',
           'payment_id' => $request->payment_id,
           'amount' => $request->amount,
        ];
 $getId = Payment::insertGetId($data);  
 $arr = array('msg' => 'Payment successfully credited', 'status' => true);
 return Response()->json($arr);    
 }
 public function RazorThankYou()
 {
 return view('payments.thankyou');
 }
 }

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Payment;

use Redirect,Response;

class RazorpayController extends Controller

{

public function razorpayProduct()

{

return view('payments.razorpay');

}

public function razorPaySuccess(Request $Request){

$data = [

'user_id' => '1',

'payment_id' => $request->payment_id,

'amount' => $request->amount,

];

$getId = Payment::insertGetId($data);

$arr = array('msg' => 'Payment successfully credited', 'status' => true);

return Response()->json($arr);

}

public function RazorThankYou()

{

return view('payments.thankyou');

}

Step 6: Create Blade view

Now we will create some blade view file name razorpay.blade.php and where we will show product list. Go to resources/views & create razorpay.blade.php file.

Get Your secret key from razorpay payment gateway dashboard and put the key in script tag section,

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>laravel 6 Razorpay Payment Gateway</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>  
<style>
.card-product .img-wrap {
border-radius: 3px 3px 0 0;
overflow: hidden;
position: relative;
height: 220px;
text-align: center;
}
.card-product .img-wrap img {
max-height: 100%;
max-width: 100%;
object-fit: cover;
}
.card-product .info-wrap {
overflow: hidden;
padding: 15px;
border-top: 1px solid #eee;
}
.card-product .bottom-wrap {
padding: 15px;
border-top: 1px solid #eee;
}
.label-rating { margin-right:10px;
color: #333;
display: inline-block;
vertical-align: middle;
}
.card-product .price-old {
color: #999;
}
</style>
</head>
<body>
<div class="container">
<br>  
<p class="text-center">More article on <a href="https://www.yoursite.com/">yoursite.com</a></p>
<hr>
<div class="row">
<div class="col-md-4">
<figure class="card card-product">
<div class="img-wrap"><img src="//www.yoursite.com/wp-content/uploads/2019/03/c05917807.png"></div>
<figcaption class="info-wrap">
<h4 class="title">Mouse</h4>
<p class="desc">Some small description goes here</p>
<div class="rating-wrap">
<div class="label-rating">132 reviews</div>
<div class="label-rating">154 orders </div>
</div>
<!-- rating-wrap.// -->
</figcaption>
<div class="bottom-wrap">
<a href="javascript:void(0)" class="btn btn-sm btn-primary float-right buy_now" data-amount="1000" data-id="1">Order Now</a> 
<div class="price-wrap h5">
<span class="price-new">₹1000</span> <del class="price-old">₹1200</del>
</div>
<!-- price-wrap.// -->
</div>
<!-- bottom-wrap.// -->
</figure>
</div>
<!-- col // -->
<div class="col-md-4">
<figure class="card card-product">
<div class="img-wrap"><img src="//www.yoursite.com/wp-content/uploads/2019/03/vvjghg.png"> </div>
<figcaption class="info-wrap">
<h4 class="title">Sony Watch</h4>
<p class="desc">Some small description goes here</p>
<div class="rating-wrap">
<div class="label-rating">132 reviews</div>
<div class="label-rating">154 orders </div>
</div>
<!-- rating-wrap.// -->
</figcaption>
<div class="bottom-wrap">
<a href="javascript:void(0)" class="btn btn-sm btn-primary float-right buy_now" data-amount="1280" data-id="2">Order Now</a> 
<div class="price-wrap h5">
<span class="price-new">₹1280</span> <del class="price-old">₹1400</del>
</div>
<!-- price-wrap.// -->
</div>
<!-- bottom-wrap.// -->
</figure>
</div>
<!-- col // -->
<div class="col-md-4">
<figure class="card card-product">
<div class="img-wrap"><img src="//www.yoursite.com/wp-content/uploads/2019/03/jhgjhgjg.jpg"></div>
<figcaption class="info-wrap">
<h4 class="title">Mobile</h4>
<p class="desc">Some small description goes here</p>
<div class="rating-wrap">
<div class="label-rating">132 reviews</div>
<div class="label-rating">154 orders </div>
</div>
<!-- rating-wrap.// -->
</figcaption>
<div class="bottom-wrap">
<a href="javascript:void(0)" class="btn btn-sm btn-primary float-right order_now" data-amount="1280" data-id="3">Order Now</a> 
<div class="price-wrap h5">
<span class="price-new">₹1500</span> <del class="price-old">₹1980</del>
</div>
<!-- price-wrap.// -->
</div>
<!-- bottom-wrap.// -->
</figure>
</div>
<!-- col // -->
</div>
<!-- row.// -->
</div>
<!--container.//-->
<br><br><br>
<article class="bg-secondary mb-3">
<div class="card-body text-center">
<h4 class="text-white">Welcome to yoursite.com<br>  </h4>
<p class="h5 text-white">Thank you for being here </p>
<br>
<p><a class="btn btn-warning" target="_blank" href="//yoursite.com/"> yoursite.com  
<i class="fa fa-window-restore "></i></a>
</p>
</div>
<br><br><br>
</article>
<script src="https://checkout.razorpay.com/v1/checkout.js"></script>
<script>
var SITEURL = '{{URL::to('')}}';
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
}); 
$('body').on('click', '.buy_now', function(e){
var totalAmount = $(this).attr("data-amount");
var product_id =  $(this).attr("data-id");
var options = {
"key": "rzp_test_SYm5UF3bsPxKKR",
"amount": (totalAmount*100), // 2000 paise = INR 20
"name": "yoursite",
"description": "Payment",
"image": "//www.yoursite.com/wp-content/uploads/2018/12/cropped-favicon-1024-1-180x180.png",
"handler": function (response){
$.ajax({
url: SITEURL + 'paysuccess',
type: 'post',
dataType: 'json',
data: {
razorpay_payment_id: response.razorpay_payment_id , 
totalAmount : totalAmount ,product_id : product_id,
}, 
success: function (msg) {
window.location.href = SITEURL + 'razor-thank-you';
}
});
},
"prefill": {
"contact": '9988665544',
"email":   'devfeedly21@gmail.com',
},
"theme": {
"color": "#528FF0"
}
};
var rzp1 = new Razorpay(options);
rzp1.open();
e.preventDefault();
});
/*document.getElementsClass('buy_plan1').onclick = function(e){
rzp1.open();
e.preventDefault();
}*/
</script>
</body>
</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

<!doctype html>

<head>

<title>laravel 6 Razorpay Payment Gateway</title>

<style>

.card-product .img-wrap {

border-radius: 3px 3px 0 0;

overflow: hidden;

position: relative;

height: 220px;

text-align: center;

}

.card-product .img-wrap img {

max-height: 100%;

max-width: 100%;

object-fit: cover;

}

.card-product .info-wrap {

overflow: hidden;

padding: 15px;

border-top: 1px solid #eee;

}

.card-product .bottom-wrap {

padding: 15px;

border-top: 1px solid #eee;

}

.label-rating { margin-right:10px;

color: #333;

display: inline-block;

vertical-align: middle;

}

.card-product .price-old {

color: #999;

}

</style>

</head>

<body>

<br>

<p class="text-center">More article on <a href="https://www.yoursite.com/">yoursite.com</a></p>

<hr>

<h4 class="title">Mouse</h4>

<p class="desc">Some small description goes here</p>

<div class="label-rating">132 reviews</div>

<div class="label-rating">154 orders </div>

</div>

</figcaption>

<a href="javascript:void(0)" class="btn btn-sm btn-primary float-right buy_now" data-amount="1000" data-id="1">Order Now</a>

</div>

</div>

</figure>

</div>

<h4 class="title">Sony Watch</h4>

<p class="desc">Some small description goes here</p>

<div class="label-rating">132 reviews</div>

<div class="label-rating">154 orders </div>

</div>

</figcaption>

<a href="javascript:void(0)" class="btn btn-sm btn-primary float-right buy_now" data-amount="1280" data-id="2">Order Now</a>

</div>

</div>

</figure>

</div>

<h4 class="title">Mobile</h4>

<p class="desc">Some small description goes here</p>

<div class="label-rating">132 reviews</div>

<div class="label-rating">154 orders </div>

</div>

</figcaption>

<a href="javascript:void(0)" class="btn btn-sm btn-primary float-right order_now" data-amount="1280" data-id="3">Order Now</a>

</div>

</div>

</figure>

</div>

</div>

</div>

<h4 class="text-white">Welcome to yoursite.com<br> </h4>

<p class="h5 text-white">Thank you for being here </p>

<br>

<p><a class="btn btn-warning" target="_blank" href="//yoursite.com/"> yoursite.com

</p>

</div>

</article>

var SITEURL = '{{URL::to('')}}';

$.ajaxSetup({

headers: {

'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')

}

});

$('body').on('click', '.buy_now', function(e){

var totalAmount = $(this).attr("data-amount");

var product_id = $(this).attr("data-id");

var options = {

"key": "rzp_test_SYm5UF3bsPxKKR",

"amount": (totalAmount*100), // 2000 paise = INR 20

"name": "yoursite",

"description": "Payment",

"image": "//www.yoursite.com/wp-content/uploads/2018/12/cropped-favicon-1024-1-180x180.png",

"handler": function (response){

$.ajax({

url: SITEURL + 'paysuccess',

type: 'post',

dataType: 'json',

data: {

razorpay_payment_id: response.razorpay_payment_id ,

totalAmount : totalAmount ,product_id : product_id,

success: function (msg) {

window.location.href = SITEURL + 'razor-thank-you';

}

});

"prefill": {

"contact": '9988665544',

"email": 'devfeedly21@gmail.com',

"theme": {

"color": "#528FF0"

}

};

var rzp1 = new Razorpay(options);

rzp1.open();

e.preventDefault();

});

/*document.getElementsClass('buy_plan1').onclick = function(e){

rzp1.open();

e.preventDefault();

}*/

</script>

</body>

</html>

Go to resources/views and Create a new blade view file name thankyou.blade.php. It is used for showing after payment success.

<!DOCTYPE html>
<html>
<head>
<title>Thank You - yoursite</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
</head>
<body class="">
<br><br><br><br>
<article class="bg-secondary mb-3">  
<div class="card-body text-center">
<h4 class="text-white">Thank you for payment<br></h4>
<br>
<p><a class="btn btn-warning" target="_blank" href="https://www.yoursite.com/"> yoursite.com  
<i class="fa fa-window-restore "></i></a></p>
</div>
<br><br><br>
</article>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Thank You - yoursite</title>

</head>

<h4 class="text-white">Thank you for payment<br></h4>

<br>

<p><a class="btn btn-warning" target="_blank" href="https://www.yoursite.com/"> yoursite.com

</div>

</article>

</body>

</html>

Step 7: Start 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 –

http://localhost:8000/
 Or direct hit in your browser
 http://localhost/RazorpayDemo/product

http://localhost:8000/

Or direct hit in your browser

http://localhost/RazorpayDemo/product

Laravel 7/6 Twitter Login Example Using Socialite Package

In this Laravel 7/6 Twitter Login Example Using Socialite Package tutorial I’ll show you how to integrate socialite Twitter social login in laravel application. In this tutorial you will learn to integrate Twitter login in laravel. In this article we will integrate login with Twitter in laravel application. This tutorial is step by step guide for you on how to integrate Twitter social login in laravel using socialite package.

As we all know that users are not much interested in filling up long registration form to register with any application. Allowing users to login with their social media accounts is quick and powerful way to get registered/verified users for your laravel application. Allowing users to login with their social media accounts makes registration/login process much easier, it also encourages more users to register for your application. In this step by step tutorial, you will learn to integrate Twitter login with your laravel application.

Step 1: Install Laravel Fresh App
Step 2: Setup Database
Step 3: Download Socialite Package
Step 4:Create Twitter App
Step 5: Add Code In Model and Migration
Step 6: Run Migration
Step 7: Add Routes for Twitter App
Step 8: Create Controller & Methods
Step 9: Create Auth File And Login Button
Step 10: Run Development Server

Step 1: Install Laravel Fresh App

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

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

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

Step 2: Setup Database

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=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Step 3: Download Socialite Package

In this step we will Install Socialite Package via Composer using following command:

composer require laravel/socialite

1	composer require laravel/socialite

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

config/app.php

'providers' => [
     // Other service providers…
 Laravel\Socialite\SocialiteServiceProvider::class,
],

'aliases' => [
// Other aliases…
'Socialite' => Laravel\Socialite\Facades\Socialite::class,
],

'providers' => [

// Other service providers…

Laravel\Socialite\SocialiteServiceProvider::class,

'aliases' => [

// Other aliases…

'Socialite' => Laravel\Socialite\Facades\Socialite::class,

Step 4: Create Twitter App

In this step we will create Twitter App for Twitter social login. Use the link provided to create twitter app.

https://apps.twitter.com/

1	https://apps.twitter.com/

After successfully create an app in twitter and get credentials from twitter dashboard, Set client id and client secret config/service.php file :

config/service.php

'twitter' => [
     'client_id' => 'your client id',
     'client_secret' => 'your client secret',
     'redirect' => 'http://localhost:8000/callback/twitter',
 ],

'twitter' => [

'client_id' => 'your client id',

'client_secret' => 'your client secret',

'redirect' => 'http://localhost:8000/callback/twitter',

Step 5: Add Code In Model and Migration

In this step, Go to app/User.php and set fillable property put the below code here :

protected $fillable = [
         'name', 'email', 'password', 'provider', 'provider_id'
     ];

protected $fillable = [

'name', 'email', 'password', 'provider', 'provider_id'

];

Next step, Go to app/database/create_users_table.php and put the below code here :

<?php
 
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
 
class CreateUsersTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('users', function (Blueprint $table) {
            $table->increments('id');
            $table->string('name');
            $table->string('email')->unique()->nullable();
            $table->string('provider');
            $table->string('provider_id');
            $table->timestamp('email_verified_at')->nullable();
            $table->string('password')->nullable();
            $table->rememberToken()->nullable();
            $table->timestamps();
        });
    }
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('users');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreateUsersTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->increments('id');

$table->string('name');

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

$table->string('provider');

$table->string('provider_id');

$table->timestamp('email_verified_at')->nullable();

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

$table->rememberToken()->nullable();

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('users');

}

Step 6: Run Migration

In this step, go to app/providers/AppServiceProvider.php and update the below code into it:

...
use Illuminate\Support\Facades\Schema;
 
....
function boot()
{
    Schema::defaultStringLength(191);
}
...

...

use Illuminate\Support\Facades\Schema;

....

function boot()

{

Schema::defaultStringLength(191);

}

...

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

php artisan migrate

1	php artisan migrate

Step 7: Add Routes for Twitter App

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

 Route::get('/auth/redirect/{provider}', 'TwitterSocialController@redirect');
 Route::get('/callback/{provider}', 'TwitterSocialController@callback');

1 2	Route::get('/auth/redirect/{provider}', 'TwitterSocialController@redirect'); Route::get('/callback/{provider}', 'TwitterSocialController@callback');

Step 8: Create Controller

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

php artisan make:controller TwitterSocialController

1	php artisan make:controller TwitterSocialController

Now, go to app/http/controllers directory and open TwitterSocialController.php file. And put the following code in TwitterSocialController.php file:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use Validator,Redirect,Response,File;
use Socialite;
use App\User;
class TwitterSocialController extends Controller
{
    public function redirect($provider)
    {
        return Socialite::driver($provider)->redirect();
    }
 
    public function callback($provider)
    {
               
        $getInfo = Socialite::driver($provider)->user();
         
        $user = $this->createUser($getInfo,$provider);
 
        auth()->login($user);
 
        return redirect()->to('/home');
 
    }
   function createUser($getInfo,$provider){
 
     $user = User::where('provider_id', $getInfo->id)->first();
 
     if (!$user) {
         $user = User::create([
            'name'     => $getInfo->name,
            'email'    => $getInfo->email,
            'provider' => $provider,
            'provider_id' => $getInfo->id
        ]);
      }
      return $user;
   }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Validator,Redirect,Response,File;

use Socialite;

use App\User;

class TwitterSocialController extends Controller

{

public function redirect($provider)

{

return Socialite::driver($provider)->redirect();

}

public function callback($provider)

{

$getInfo = Socialite::driver($provider)->user();

$user = $this->createUser($getInfo,$provider);

auth()->login($user);

return redirect()->to('/home');

}

function createUser($getInfo,$provider){

$user = User::where('provider_id', $getInfo->id)->first();

if (!$user) {

$user = User::create([

'name' => $getInfo->name,

'email' => $getInfo->email,

'provider' => $provider,

'provider_id' => $getInfo->id

]);

}

return $user;

}

Install Laravel UI

composer require laravel/ui

1	composer require laravel/ui

Create Auth

php artisan ui bootstrap --auth

1	php artisan ui bootstrap --auth

NPM Install

npm install

1	npm install

After that, open register.blade.php file and login.blade.php. And update the following code into it:

In Resources/Views/Auth/register.blade.php

<hr>
<div class="form-group row mb-0">
     <div class="col-md-8 offset-md-4">
        <a href="{{ url('/auth/redirect/twitter') }}" class="btn btn-primary"><i class="fa fa-twitter"></i> Twitter</a>
    </div>
</div>

<hr>

<a href="{{ url('/auth/redirect/twitter') }}" class="btn btn-primary"><i class="fa fa-twitter"></i> Twitter</a>

</div>

Resources/Views/Auth/login.blade.php

<hr>
<div class="form-group row mb-0">
     <div class="col-md-8 offset-md-4">
        <a href="{{ url('/auth/redirect/twitter') }}" class="btn btn-primary"><i class="fa fa-twitter"></i> Twitter</a>
    </div>
</div>

<hr>

<a href="{{ url('/auth/redirect/twitter') }}" class="btn btn-primary"><i class="fa fa-twitter"></i> Twitter</a>

</div>

Step 10: 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 –

http://localhost:8000/login

 Or direct hit in your browser

 http://localhost/bloh/public/login

http://localhost:8000/login

Or direct hit in your browser

http://localhost/bloh/public/login

Laravel 7/6 Image Upload with Validation

In this Laravel 7/6 Image Upload with validation example, we will learn how to upload and save image in laravel 7/6. In this laravel simple image upload example, I’ll show you how to validate upload image into folder and then save it into database. In this tutorial before saving image into database we will validate image and then save it into directory using. Before uploading the image we will perform server side validation. After successfully image upload into the database and folder we will display success message on the screen.

Laravel 7/6 Image Upload with Validation

Install Laravel Fresh App
Setup Database Details
Generate Image Migration & Model
Create Image Upload Route
Create Image Controller
Create Image Upload and Preview Blade View
Start Development Server

1). Install Laravel Fresh App

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

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

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

2). Setup Database

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=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

3). Generate Image Migration & Model

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

php artisan make:model Image -m

1	php artisan make:model Image -m

The above command will create a model name Image and also create a migration file for Image table. Now, go to database/migrations file and put the below here :

<?php
 
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
 
class CreateImagesTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('images', function (Blueprint $table) {
            $table->increments('id');
            $table->string('image');
            $table->timestamps();
        });
    }
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('images');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreateImagesTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->increments('id');

$table->string('image');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('images');

}

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

php artisan migrate

1	php artisan migrate

4). Create Image Upload 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

Route::get('image', 'ImageController@index');
 Route::post('save', 'ImageController@save');

1 2	Route::get('image', 'ImageController@index'); Route::post('save', 'ImageController@save');

5). Create Image Upload Controller

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

php artisan make:controller ImageController

1	php artisan make:controller ImageController

Now, go to app/controllers/ImageController.php and put the below code :

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use Validator,Redirect,Response,File;
Use App\Image;
 
class ImageController extends Controller
{
 
    public function index()
    {
        return view('image');
    }
 
    public function save()
    {
       request()->validate([
            'fileUpload' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
       ]);
       if ($files = $request->file('fileUpload')) {
           $destinationPath = 'public/image/'; // upload path
           $profileImage = date('YmdHis') . "." . $files->getClientOriginalExtension();
           $files->move($destinationPath, $profileImage);
           $insert['image'] = "$profileImage";
        }
        $check = Image::insertGetId($insert);
 
        return Redirect::to("image")
        ->withSuccess('Great! Image has been successfully uploaded.');
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Validator,Redirect,Response,File;

Use App\Image;

class ImageController extends Controller

{

public function index()

{

return view('image');

}

public function save()

{

request()->validate([

'fileUpload' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',

]);

if ($files = $request->file('fileUpload')) {

$destinationPath = 'public/image/'; // upload path

$profileImage = date('YmdHis') . "." . $files->getClientOriginalExtension();

$files->move($destinationPath, $profileImage);

$insert['image'] = "$profileImage";

}

$check = Image::insertGetId($insert);

return Redirect::to("image")

->withSuccess('Great! Image has been successfully uploaded.');

}

6). Create Image Upload and Preview Blade view

Now we will create a blade view file. Go to app/resources/views and create one file name image.blade.php :

<html lang="en" class="">
<head>
<meta charset="UTF-8">
<title>Laravel Image Upload Tutorial Example From Scratch</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
    <br><br><br>
    @if ($message = Session::get('success'))
     
    <div class="alert alert-success alert-block">
        <button type="button" class="close" data-dismiss="alert">×</button>
        <strong>{{ $message }}</strong>
    </div>
    <br>
    @endif
    <h2>File Upload & Image Preview</h2>
    <p class="lead">No Plugins <b>Just Javascript</b></p>
    <!-- Upload  -->
    <form id="file-upload-form" class="uploader" action="{{url('save')}}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
        @csrf
        <input id="file-upload" type="file" name="fileUpload" accept="image/*" onchange="readURL(this);">
        <label for="file-upload" id="file-drag">
            <img id="file-image" src="#" alt="Preview" class="hidden">
            <div id="start" >
                <i class="fa fa-download" aria-hidden="true"></i>
                <div>Select a file or drag here</div>
                <div id="notimage" class="hidden">Please select an image</div>
                <span id="file-upload-btn" class="btn btn-primary">Select a file</span>
                <br>
                <span class="text-danger">{{ $errors->first('fileUpload') }}</span>
            </div>
            <button type="submit" class="btn btn-success">Submit</button>
        </label>
    </form>
</body>
</html>

<head>

<title>Laravel Image Upload Tutorial Example From Scratch</title>

</head>

<body>

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

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

</div>

<br>

@endif

<h2>File Upload & Image Preview</h2>

<p class="lead">No Plugins <b>Just Javascript</b></p>

@csrf

<div>Select a file or drag here</div>

<div id="notimage" class="hidden">Please select an image</div>

<span id="file-upload-btn" class="btn btn-primary">Select a file</span>

<br>

<span class="text-danger">{{ $errors->first('fileUpload') }}</span>

</div>

<button type="submit" class="btn btn-success">Submit</button>

</label>

</form>

</body>

</html>

Put css on image.blade.php in head section

<style class="">
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Roboto");
html, body, * {
box-sizing: border-box;
font-size: 16px;
}
html, body {
height: 100%;
text-align: center;
}
body {
padding: 2rem;
background: #f8f8f8;
}
h2 {
font-family: "Roboto", sans-serif;
font-size: 26px;
line-height: 1;
color: #454cad;
margin-bottom: 0;
}
p {
font-family: "Roboto", sans-serif;
font-size: 18px;
color: #5f6982;
}
.uploader {
display: block;
clear: both;
margin: 0 auto;
width: 100%;
max-width: 600px;
}
.uploader label {
float: left;
clear: both;
width: 100%;
padding: 2rem 1.5rem;
text-align: center;
background: #fff;
border-radius: 7px;
border: 3px solid #eee;
transition: all .2s ease;
user-select: none;
}
.uploader label:hover {
border-color: #454cad;
}
.uploader label.hover {
border: 3px solid #454cad;
box-shadow: inset 0 0 0 6px #eee;
}
.uploader label.hover #start i.fa {
transform: scale(0.8);
opacity: 0.3;
}
.uploader #start {
float: left;
clear: both;
width: 100%;
}
.uploader #start.hidden {
display: none;
}
.uploader #start i.fa {
font-size: 50px;
margin-bottom: 1rem;
transition: all .2s ease-in-out;
}
.uploader #response {
float: left;
clear: both;
width: 100%;
}
.uploader #response.hidden {
display: none;
}
.uploader #response #messages {
margin-bottom: .5rem;
}
.uploader #file-image {
display: inline;
margin: 0 auto .5rem auto;
width: auto;
height: auto;
max-width: 180px;
}
.uploader #file-image.hidden {
display: none;
}
.uploader #notimage {
display: block;
float: left;
clear: both;
width: 100%;
}
.uploader #notimage.hidden {
display: none;
}
.uploader progress,
.uploader .progress {
display: inline;
clear: both;
margin: 0 auto;
width: 100%;
max-width: 180px;
height: 8px;
border: 0;
border-radius: 4px;
background-color: #eee;
overflow: hidden;
}
.uploader .progress[value]::-webkit-progress-bar {
border-radius: 4px;
background-color: #eee;
}
.uploader .progress[value]::-webkit-progress-value {
background: linear-gradient(to right, #393f90 0%, #454cad 50%);
border-radius: 4px;
}
.uploader .progress[value]::-moz-progress-bar {
background: linear-gradient(to right, #393f90 0%, #454cad 50%);
border-radius: 4px;
}
.uploader input[type="file"] {
display: none;
}
.uploader div {
margin: 0 0 .5rem 0;
color: #5f6982;
}
.uploader .btn {
display: inline-block;
margin: .5rem .5rem 1rem .5rem;
clear: both;
font-family: inherit;
font-weight: 700;
font-size: 14px;
text-decoration: none;
text-transform: initial;
border: none;
border-radius: .2rem;
outline: none;
padding: 0 1rem;
height: 36px;
line-height: 36px;
color: #fff;
transition: all 0.2s ease-in-out;
box-sizing: border-box;
background: #454cad;
border-color: #454cad;
cursor: pointer;
}
.text-danger{
color: red;
}
</style>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

@import url("https://fonts.googleapis.com/css?family=Roboto");

html, body, * {

box-sizing: border-box;

font-size: 16px;

}

html, body {

height: 100%;

text-align: center;

}

body {

padding: 2rem;

background: #f8f8f8;

}

h2 {

font-family: "Roboto", sans-serif;

font-size: 26px;

line-height: 1;

color: #454cad;

margin-bottom: 0;

}

p {

font-family: "Roboto", sans-serif;

font-size: 18px;

color: #5f6982;

}

.uploader {

display: block;

clear: both;

margin: 0 auto;

width: 100%;

max-width: 600px;

}

.uploader label {

float: left;

clear: both;

width: 100%;

padding: 2rem 1.5rem;

text-align: center;

background: #fff;

border-radius: 7px;

border: 3px solid #eee;

transition: all .2s ease;

user-select: none;

}

.uploader label:hover {

border-color: #454cad;

}

.uploader label.hover {

border: 3px solid #454cad;

box-shadow: inset 0 0 0 6px #eee;

}

.uploader label.hover #start i.fa {

transform: scale(0.8);

opacity: 0.3;

}

.uploader #start {

float: left;

clear: both;

width: 100%;

}

.uploader #start.hidden {

display: none;

}

.uploader #start i.fa {

font-size: 50px;

margin-bottom: 1rem;

transition: all .2s ease-in-out;

}

.uploader #response {

float: left;

clear: both;

width: 100%;

}

.uploader #response.hidden {

display: none;

}

.uploader #response #messages {

margin-bottom: .5rem;

}

.uploader #file-image {

display: inline;

margin: 0 auto .5rem auto;

width: auto;

height: auto;

max-width: 180px;

}

.uploader #file-image.hidden {

display: none;

}

.uploader #notimage {

display: block;

float: left;

clear: both;

width: 100%;

}

.uploader #notimage.hidden {

display: none;

}

.uploader progress,

.uploader .progress {

display: inline;

clear: both;

margin: 0 auto;

width: 100%;

max-width: 180px;

height: 8px;

border: 0;

border-radius: 4px;

background-color: #eee;

overflow: hidden;

}

.uploader .progress[value]::-webkit-progress-bar {

border-radius: 4px;

background-color: #eee;

}

.uploader .progress[value]::-webkit-progress-value {

background: linear-gradient(to right, #393f90 0%, #454cad 50%);

border-radius: 4px;

}

.uploader .progress[value]::-moz-progress-bar {

background: linear-gradient(to right, #393f90 0%, #454cad 50%);

border-radius: 4px;

}

.uploader input[type="file"] {

display: none;

}

.uploader div {

margin: 0 0 .5rem 0;

color: #5f6982;

}

.uploader .btn {

display: inline-block;

margin: .5rem .5rem 1rem .5rem;

clear: both;

font-family: inherit;

font-weight: 700;

font-size: 14px;

text-decoration: none;

text-transform: initial;

border: none;

border-radius: .2rem;

outline: none;

padding: 0 1rem;

height: 36px;

line-height: 36px;

color: #fff;

transition: all 0.2s ease-in-out;

box-sizing: border-box;

background: #454cad;

border-color: #454cad;

cursor: pointer;

}

.text-danger{

color: red;

}

</style>

Put the script on image.blade.php after closing of body tag

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
</div>
<script>
function readURL(input, id) {
id = id || '#file-image';
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$(id).attr('src', e.target.result);
};
reader.readAsDataURL(input.files[0]);
$('#file-image').removeClass('hidden');
$('#start').hide();
}
}
</script>

</div>

function readURL(input, id) {

id = id || '#file-image';

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {

$(id).attr('src', e.target.result);

};

reader.readAsDataURL(input.files[0]);

$('#file-image').removeClass('hidden');

$('#start').hide();

}

</script>

7). Start 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 –

 http://localhost:8000/image

1	http://localhost:8000/image

Laravel 7/6 Multiple Image Upload with Preview

In this Laravel Multiple Image Upload with Preview, I’ll show you how to upload image along with preview before upload in laravel. In this laravel multiple image upload example, I’ll show you how to validate upload image into folder and then save it into database. In this tutorial before saving image into database we will show preview of the images and then save it into directory. Before uploading the image we will display preview of the image. After successfully image upload into the database and folder we will display success message on the screen.

Laravel 7/6 Multiple Image Upload with Preview

Install Laravel Fresh Setup
Setup Database Credentials
Create Route
Generate Controller By Command
Create the blade view
Start Development Server

1: Install Laravel Fresh Setup

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

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

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

2: Setup Database Credentials

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=here your database name here
DB_USERNAME=here database username here
DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

3: 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

Route::get('images-upload', 'ImageController@imagesUpload');
 
Route::post('images-upload', 'ImageController@imagesUploadPost')->name('images.upload');

Route::get('images-upload', 'ImageController@imagesUpload');

Route::post('images-upload', 'ImageController@imagesUploadPost')->name('images.upload');

4: Generate Controller by Command

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

php artisan make:controller ImageController

1	php artisan make:controller ImageController

This command will create a controller name ImageController. Now, go to app/HTTP/Controller/ImageController and update the below code here :

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
 
class HomeController extends Controller
 
{
 
    /**
 
     * Create a new controller instance.
 
     *
 
     * @return void
 
     */
 
    public function imagesUpload()
 
    {
 
        return view('image');
 
    }
 
 
 
    /**
 
     * Create a new controller instance.
 
     *
 
     * @return void
 
     */
 
    public function imagesUploadPost(Request $request)
 
    {
 
        request()->validate([
 
            'uploadFile' => 'required',
 
        ]);
 
 
 
        foreach ($request->file('uploadFile') as $key => $value) {
 
            $imageName = time(). $key . '.' . $value->getClientOriginalExtension();
 
            $value->move(public_path('images'), $imageName);
 
        }
 
 
 
        return response()->json(['success'=>'Images Uploaded Successfully.']);
 
    }
 
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class HomeController extends Controller

{

/**

* Create a new controller instance.

* @return void

public function imagesUpload()

{

return view('image');

}

/**

* Create a new controller instance.

* @return void

public function imagesUploadPost(Request $request)

{

request()->validate([

'uploadFile' => 'required',

]);

foreach ($request->file('uploadFile') as $key => $value) {

$imageName = time(). $key . '.' . $value->getClientOriginalExtension();

$value->move(public_path('images'), $imageName);

}

return response()->json(['success'=>'Images Uploaded Successfully.']);

}

5: Create the blade view

Now, we would create some blade files, Go to app/resources/views/ and create one blade view file name image.blade.php and put the following code into your file:

image.blade.php

<!DOCTYPE html>
 
<html>
 
<head>
 
  <title>Laravel Ajax Multiple Image Upload with Preview Example</title>
 
  <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
 
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js"></script>
 
 
 
  <style type="text/css">
 
    input[type=file]{
 
      display: inline;
 
    }
 
    #imgPreview{
 
      border: 1px solid black;
 
      padding: 10px;
 
    }
 
    #imgPreview img{
 
      width: 200px;
 
      padding: 5px;
 
    }
 
  </style>
 
 
 
</head>
 
<body>
 
<div class="container">
 
  <h1>Laravel Multiple Image Upload using Ajax with Preview Example</h1>
 
  <form action="{{ route('images.upload') }}" method="post" enctype="multipart/form-data">
 
      {{ csrf_field() }}
 
      <input type="file" id="uploadFile" name="uploadFile[]" multiple/>
 
      <input type="submit" class="btn btn-success" name='submitImage' value="Upload Image"/>
 
  </form>
 
 
 
  <br/>
 
  <div id="imgPreview"></div>
 
</div>
 
 
 
</body>
 
 
 
<script type="text/javascript">
 
 
 
  $("#uploadFile").change(function(){
 
     $('#imgPreview').html("");
 
     var total_file=document.getElementById("uploadFile").files.length;
 
     for(var i=0;i<total_file;i++)
 
     {
 
      $('#imgPreview').append("<img src='"+URL.createObjectURL(event.target.files[i])+"'>");
 
     }
 
  });
 
 
 
  $('form').ajaxForm(function() 
 
   {
 
    alert("Uploaded SuccessFully");
 
   }); 
 
 
 
</script>
 
</html>

100

101

102

103

104

105

106

107

108

109

110

111

<!DOCTYPE html>

<html>

<head>

<title>Laravel Ajax Multiple Image Upload with Preview Example</title>

input[type=file]{

display: inline;

}

#imgPreview{

border: 1px solid black;

padding: 10px;

}

#imgPreview img{

width: 200px;

padding: 5px;

}

</style>

</head>

<body>

<h1>Laravel Multiple Image Upload using Ajax with Preview Example</h1>

</form>

<br/>

</div>

</body>

$("#uploadFile").change(function(){

$('#imgPreview').html("");

var total_file=document.getElementById("uploadFile").files.length;

for(var i=0;i<total_file;i++)

{

$('#imgPreview').append("<img src='"+URL.createObjectURL(event.target.files[i])+"'>");

}

});

$('form').ajaxForm(function()

{

alert("Uploaded SuccessFully");

});

</script>

</html>

6: 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 –

http://localhost:8000/images-upload

1	http://localhost:8000/images-upload

Laravel 7/6 Ajax Image Upload With Preview Example Tutorial

In this Laravel 7/6 Ajax Image Upload With Preview Example Tutorial, I’ll show you how to upload image along with preview before upload using ajax in laravel. In this laravel ajax image upload with preview example, I’ll show you how to upload image into folder and then save it into database using ajax. In this tutorial before saving image into database we will show preview of the image and then save it into directory. Before uploading the image we will display preview of the image. After successfully image upload into the database and folder we will display success message on the screen.

Laravel 7/6 Ajax Image Upload With Preview Example Tutorial

Install Laravel App
Setup Database
Create Image migration file and model
Add Route For Image
Create Controller & Methods
Create Blade View
Create Folder
Run Development Server

1). Install Laravel App

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

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

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

2). Setup Database

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=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

3). Create Image migration file and model

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

php artisan make:model Photo -m

1	php artisan make:model Photo -m

The above command will create a model name Photo and also create a migration file for Photo table. After successfully run the command go to database/migrations file and modify function as following

public function up()

{

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

    $table->increments('id');

    $table->string('photo_name');

    $table->timestamps();

});

}

public function up()

{

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

$table->increments('id');

$table->string('photo_name');

$table->timestamps();

});

}

Before you run php artisan migrate command go to app/providers/AppServiceProvider.php and add the below code into AppServiceProvider.php file:

...
use Illuminate\Support\Facades\Schema;
 
....
function boot()
{
    Schema::defaultStringLength(191);
}
...

...

use Illuminate\Support\Facades\Schema;

....

function boot()

{

Schema::defaultStringLength(191);

}

...

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

php artisan migrate

1	php artisan migrate

4). Add Route For Image

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

 Route::get('photo', 'ImageController@index');
 Route::post('save-photo', 'ImageController@save');

1 2	Route::get('photo', 'ImageController@index'); Route::post('save-photo', 'ImageController@save');

5). Create Controller

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

php artisan make:controller ImageController

1	php artisan make:controller ImageController

After creating controller go to app/controllers/ImageController.php and put the following code in it:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use Validator,Redirect,Response,File;
Use Image;
Use App\Photo;
use Intervention\Image\Exception\NotReadableException;
 
 
class ImageController extends Controller
{
 
public function index()
{
  return view('image');
}
 
public function save(Request $request)
{
 request()->validate([
      'photo_name' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',
 ]);
 
 if ($files = $request->file('photo_name')) {
     
    // for save original image
    $ImageUpload = Image::make($files);
    $originalPath = 'public/images/';
    $ImageUpload->save($originalPath.time().$files->getClientOriginalName());
     
    // for save thumnail image
    $thumbnailPath = 'public/thumbnail/';
    $ImageUpload->resize(250,125);
    $ImageUpload = $ImageUpload->save($thumbnailPath.time().$files->getClientOriginalName());
 
  $photo = new Photo();
  $photo->photo_name = time().$files->getClientOriginalName();
  $photo->save();
  }
 
  $image = Photo::latest()->first(['photo_name']);
  return Response()->json($image);
 
 
}
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Validator,Redirect,Response,File;

Use Image;

Use App\Photo;

use Intervention\Image\Exception\NotReadableException;

class ImageController extends Controller

{

public function index()

{

return view('image');

}

public function save(Request $request)

{

request()->validate([

'photo_name' => 'required|image|mimes:jpeg,png,jpg,gif,svg|max:2048',

]);

if ($files = $request->file('photo_name')) {

// for save original image

$ImageUpload = Image::make($files);

$originalPath = 'public/images/';

$ImageUpload->save($originalPath.time().$files->getClientOriginalName());

// for save thumnail image

$thumbnailPath = 'public/thumbnail/';

$ImageUpload->resize(250,125);

$ImageUpload = $ImageUpload->save($thumbnailPath.time().$files->getClientOriginalName());

$photo = new Photo();

$photo->photo_name = time().$files->getClientOriginalName();

$photo->save();

}

$image = Photo::latest()->first(['photo_name']);

return Response()->json($image);

}

6). Create Blade view

Now, we will create a blade file. Go to app/resources/views and create one file name image.blade.php :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="csrf-token" content="{{ csrf_token() }}">
<title>Laravel Ajax Image Upload Tutorial</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<style>
.avatar-pic {
width: 300px;
}
</style>
</head>
<body>
<div class="container">
<h3 style="margin-top: 12px;" class="text-center alert alert-success">Laravel Ajax Image Upload Tutorial</h3>
<br>
<div class="row justify-content-center">
<div class="col-md-8">
<form id="imageUploadForm" action="javascript:void(0)" enctype="multipart/form-data">
<div class="file-field">
<div class="row">
<div class=" col-md-8 mb-4">
<img id="original" src="" class=" z-depth-1-half avatar-pic" alt="">
<div class="d-flex justify-content-center mt-3">
<div class="btn btn-mdb-color btn-rounded float-left">
<input type="file" name="photo_name" id="photo_name" required=""> <br>
<button type="submit" class="btn btn-secondary d-flex justify-content-center mt-3">submit</button>
</div>
</div>
</div>
<div class=" col-md-4 mb-4">
<img id="thumbImg" src="" class=" z-depth-1-half thumb-pic"
alt="">
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Laravel Ajax Image Upload Tutorial</title>

<style>

.avatar-pic {

width: 300px;

}

</style>

</head>

<body>

<h3 style="margin-top: 12px;" class="text-center alert alert-success">Laravel Ajax Image Upload Tutorial</h3>

<br>

<button type="submit" class="btn btn-secondary d-flex justify-content-center mt-3">submit</button>

</div>

<img id="thumbImg" src="" class=" z-depth-1-half thumb-pic"

alt="">

</div>

</form>

</div>

</body>

</html>

7). Create Folder

Now, Go to public folder and create a folder name images

Go to public folder 
=> first create folder name images

1 2	Go to public folder => first create folder name images

8). 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 –

http://127.0.0.1:8000/photo
Or
http://localhost/blog/public/photo

http://127.0.0.1:8000/photo

http://localhost/blog/public/photo

Laravel 7/6 File Upload Validation Example Tutorial

In this Laravel file Upload with validation example, we will learn how to upload and save file in laravel. In this laravel file upload example, I’ll show you how to validate upload file into folder and then save it into database. In this tutorial before saving file into database we will validate file and then save it into directory. Before uploading the files we will perform server side validation. After successfully file upload into the database and folder we will display success message on the screen.

Laravel 7/6 File Upload Validation Example Tutorial

Install Laravel Fresh New Setup
Setup Database Credentials
Generate Migration & Model
Add Route
Create Controller & Methods
Create Blade View
Run Development Server

1). Install Laravel Fresh New Setup

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

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

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

2). Setup Database Credentials

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=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

3). Generate Migration & Model

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

php artisan make:model document -m

1	php artisan make:model document -m

The above command will create a model name file and also create a migration file for the file table. After successfully run the command go to database/migrations file and put the following code in it:

<?php
 
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
 
class CreatedocumentsTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::create('documents', function (Blueprint $table) {
            $table->increments('id');
            $table->string('title');
            $table->timestamps();
        });
    }
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::dropIfExists('documents');
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class CreatedocumentsTable extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

$table->increments('id');

$table->string('title');

$table->timestamps();

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

Schema::dropIfExists('documents');

}

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

php artisan migrate

1	php artisan migrate

4). Add 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

 Route::get('file', 'FileController@index');
 Route::post('save', 'FileController@save');

1 2	Route::get('file', 'FileController@index'); Route::post('save', 'FileController@save');

5). Create Controller

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

php artisan make:controller FileController

1	php artisan make:controller FileController

After successfully create controller go to app/controllers/FileController.php and put the below code :

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use Validator,Redirect,Response,File;
Use App\Document;
 
class FileController extends Controller
{
 
    public function index()
    {
        return view('file');
    }
 
    public function save()
    {
       request()->validate([
         'file'  => 'required|mimes:doc,docx,pdf,txt|max:2048',
       ]);
 
       if ($files = $request->file('fileUpload')) {
           $destinationPath = 'public/file/'; // upload path
           $profilefile = date('YmdHis') . "." . $files->getClientOriginalExtension();
           $files->move($destinationPath, $profilefile);
           $insert['title'] = "$profilefile";
        }
         
        $check = Document::insertGetId($insert);
 
        return Redirect::to("file")
        ->withSuccess('Great! file has been successfully uploaded.');
 
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Validator,Redirect,Response,File;

Use App\Document;

class FileController extends Controller

{

public function index()

{

return view('file');

}

public function save()

{

request()->validate([

'file' => 'required|mimes:doc,docx,pdf,txt|max:2048',

]);

if ($files = $request->file('fileUpload')) {

$destinationPath = 'public/file/'; // upload path

$profilefile = date('YmdHis') . "." . $files->getClientOriginalExtension();

$files->move($destinationPath, $profilefile);

$insert['title'] = "$profilefile";

}

$check = Document::insertGetId($insert);

return Redirect::to("file")

->withSuccess('Great! file has been successfully uploaded.');

}

6). Create Blade view

In this step we will create a blade view file. Go to app/resources/views and create one file name file.blade.php :

<html lang="en" class="">
<head>
<meta charset="UTF-8">
<title>Laravel File Upload Tutorial Example From Scratch</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css" />
</head>
<body>
<div class="container">
  <div class="row justify-content-center">
    <div class="card">
       <div class="card-header">Laravel Upload File Example</div>
 
         <div class="card-body">
            @if ($message = Session::get('success'))
 
                <div class="alert alert-success alert-block">
 
                    <button type="button" class="close" data-dismiss="alert">×</button>
 
                    <strong>{{ $message }}</strong>
 
                </div>
            @endif
 
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <strong>Whoops!</strong> There were some problems with your input.<br><br>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
 
            <form action="/save" method="post" enctype="multipart/form-data">
                @csrf
                <div class="form-group">
                    <input type="file" class="form-control-file" name="file" id="file" aria-describedby="fileHelp">
                    <small id="fileHelp" class="form-text text-muted">Please upload a valid image file. Size of image should not be more than 2MB.</small>
                </div>
                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
 
         </div>
     </div>
  </div>
</div>
</html>

<head>

<title>Laravel File Upload Tutorial Example From Scratch</title>

</head>

<body>

<div class="card-header">Laravel Upload File Example</div>

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

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

</div>

@endif

@if (count($errors) > 0)

<strong>Whoops!</strong> There were some problems with your input.<br><br>

<ul>

@foreach ($errors->all() as $error)

<li>{{ $error }}</li>

@endforeach

</ul>

</div>

@endif

@csrf

<small id="fileHelp" class="form-text text-muted">Please upload a valid image file. Size of image should not be more than 2MB.</small>

</div>

<button type="submit" class="btn btn-primary">Submit</button>

</form>

</div>

</html>

7). 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 –

http://localhost:8000/file
 OR hit in browser
 http://localhost/blog/public/file

http://localhost:8000/file

OR hit in browser

http://localhost/blog/public/file

Laravel 7/6 Authentication Example Tutorial

In this Laravel 7/6 Authentication Example Tutorial I will show you how to generate authentication scaffolding in laravel. In this tutorial you will learn to enable or generate authentication in laravel 7/6 version. In the new version of laravel make: auth command is no longer exists. Now in this tutorial we will learn how you can easily generate auth scaffolding in Laravel.

Laravel UI

Laravel UI is a new package that extracts the UI files of a Laravel project. Use the following command to install the laravel/ui package via composer:

laravel new my-app
composer require laravel/ui

1 2	laravel new my-app composer require laravel/ui

After installing laravel / UI package, we have to generate the UI code, including laravel authentication.

php artisan ui --help

1	php artisan ui --help

The laravel/ui package comes with views for VUE, React and Bootstrap. You are allowed to enable one of following front end framework for authentication module.

php artisan ui vue
php artisan ui react
php artisan ui bootstrap

php artisan ui vue

php artisan ui react

php artisan ui bootstrap

You can generate the auth scaffolding at the same time:

php artisan ui vue --auth
php artisan ui react --auth
php artisan ui bootstrap --auth

php artisan ui vue --auth

php artisan ui react --auth

php artisan ui bootstrap --auth

The ui:auth Command

In addition to the new UI command, the larva / UI package comes with another command to generate scaffolding:

php artisan ui:auth

1	php artisan ui:auth

If you run the ui: auth command, it will generate the organic root, HomeController, oral view, and app.blade.php layout files. If you want to generate only views use the below command:

php artisan ui:auth --views

1	php artisan ui:auth --views

Now you need to run the below command for installing dependencies:

npm install

1	npm install

npm run dev

1	npm run dev

Laravel 7/6 Link Storage Folder Example

In this Laravel 7/6 Link Storage Folder Example tutorial, I will show you how to link storage folder and access file from there in laravel. In this tutorial you will learn to link laravel storage folder and access files from storage folder.

Laravel 7/6 Link Storage Folder Example

Use the following command to link storage folder in laravel:

php artisan storage:link

1	php artisan storage:link

The above command creates a symbolic link from public/storage to storage/app/public for you. Now any file in /storage/app/public can be accessed via a link like:

http://yourdomain.com/storage/image.jpg

1	http://yourdomain.com/storage/image.jpg

Route::get('storage/{filename}', function ($filename)
{
    $path = storage_path('public/' . $filename);
 
    if (!File::exists($path)) {
        abort(404);
    }
 
    $file = File::get($path);
    $type = File::mimeType($path);
 
    $response = Response::make($file, 200);
    $response->header("Content-Type", $type);
 
    return $response;
});

Route::get('storage/{filename}', function ($filename)

{

$path = storage_path('public/' . $filename);

if (!File::exists($path)) {

abort(404);

}

$file = File::get($path);

$type = File::mimeType($path);

$response = Response::make($file, 200);

$response->header("Content-Type", $type);

return $response;

});

Route::post('process', function (Request $request) {
    // cache the file
    $file = $request->file('photo');
 
    // generate a new filename. getClientOriginalExtension() for the file extension
    $filename = 'profile-photo-' . time() . '.' . $file->getClientOriginalExtension();
 
    // save to storage/app/photos as the new $filename
    $path = $file->storeAs('photos', $filename);
 
    dd($path);
});

Route::post('process', function (Request $request) {

// cache the file

$file = $request->file('photo');

// generate a new filename. getClientOriginalExtension() for the file extension

$filename = 'profile-photo-' . time() . '.' . $file->getClientOriginalExtension();

// save to storage/app/photos as the new $filename

$path = $file->storeAs('photos', $filename);

dd($path);

});

Now you can access your files the same way you do a symlink:

http://somedomain.com/storage/image.jpg

1	http://somedomain.com/storage/image.jpg

Route::get('storage/{filename}', function ($filename)
{
    return Image::make(storage_path('public/' . $filename))->response();
});

Route::get('storage/{filename}', function ($filename)

{

return Image::make(storage_path('public/' . $filename))->response();

});

Create Controller And Model Laravel 7/6 Using Command

In this Create Controller And Model Laravel 7/6 Using Command tutorial I will show you how to Create Controller And Model Using Command In laravel. In this tutorial you will learn to create or generate controller and model using command in laravel. In this article we will learn about laravel artisan command to create controller and model. In this article I will demonstrate you with example to create controller and model using laravel command.

Create Controller And Model Laravel 7/6 Using Command

In this step by step tutorial I will show you how to create or generate controller and model using command in laravel. Please follow the instructions given below:

Create model command

Below is example command to create laravel model. Please Use the php artisan make model for creating a model using the command line (CLI) :

 php artisan make:model Photo

1	php artisan make:model Photo

The above command will create a photo model with following code:

<?php
namespace App;
use Illuminate\Database\Eloquent\Model;
class Photo extends Model
{
    //
}

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Photo extends Model

{

}

Create Controller command

Below is example command to create laravel controller. Please Use the php artisan make controller for creating a controller using the command line (CLI) :

 php artisan make:controller PhotoController

1	php artisan make:controller PhotoController

The above command will create a controller named photoController with following code:

<?php
  
namespace App\Http\Controllers;
use Illuminate\Http\Request;
  
class PhotoController extends Controller
{
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PhotoController extends Controller

{

}

Create a Resource Controller Command

Below is example command to create a resource controller. Please Use the php artisan make controller with –resource option for creating a resource controller:

php artisan make:controller PhotoController --resource

1	php artisan make:controller PhotoController --resource

Below is default resource controller code generated with the above command. It has already created some methods like index, update, edit, destroy, etc. It looks like this:

<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class PhotoController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        //
    }
    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        //
    }
    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        //
    }
    /**
     * Display the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function show($id)
    {
        //
    }
    /**
     * Show the form for editing the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function edit($id)
    {
        //
    }
    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, $id)
    {
        //
    }
    /**
     * Remove the specified resource from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function destroy($id)
    {
        //
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PhotoController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

}

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function create()

{

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

}

/**

* Display the specified resource.

* @param int $id

* @return \Illuminate\Http\Response

public function show($id)

{

}

/**

* Show the form for editing the specified resource.

* @param int $id

* @return \Illuminate\Http\Response

public function edit($id)

{

}

/**

* Update the specified resource in storage.

* @param \Illuminate\Http\Request $request

* @param int $id

* @return \Illuminate\Http\Response

public function update(Request $request, $id)

{

}

/**

* Remove the specified resource from storage.

* @param int $id

* @return \Illuminate\Http\Response

public function destroy($id)

{

}

Command For Create Model and Controller

Below is example command to create laravel model and controller together.

 php artisan make:model -mc Photo

1	php artisan make:model -mc Photo

How to Add a Column or Columns To Existing Table In Laravel

In this How to Add a Column or Columns To Existing Table In Laravel tutorial, I will show you how to add a culumn or columns to existing table in laravel. In this tutorial you will learn add one or multiple columns to database table using migration in laravel. In this article I will show you different ways you can alter existing table schema using migrations in laravel.

How to Add a Column or Columns To Existing Table In Laravel

In this step by step guide I will demonstrate you how to add new columns or columns to an existing table using Laravel migration.

Laravel Migration:

Add a single Column an existing table
Add Multiple Columns in Existing Table
Available Column Types

Add a single Column an existing table

Below is the example command to add single column to existing table.

php artisan make:migration add_type_to_notes

1	php artisan make:migration add_type_to_notes

It will create an add_type_to_notes file in the migration folder. It should be like this-

<?php
 
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
 
class AddTypeToNotes extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::table('notes', function (Blueprint $table) {
            $table->string('note_type')->nullable();
        });
    }
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::table('notes', function (Blueprint $table) {
            $table->dropColumn(['note_type']);
        });
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class AddTypeToNotes extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

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

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

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

$table->dropColumn(['note_type']);

});

}

Run Migration Command

Now, run the following command to migrate table schema,

php artisan migrate

1	php artisan migrate

Add Multiple Columns in Existing Table

Below is the example command to add multiple column to existing table.

php artisan make:migration add_multiple_column_to_notes

1	php artisan make:migration add_multiple_column_to_notes

The above command will create a migration file, so go to database/migration folder and open your file and add column according to you:

<?php
 
use Illuminate\Support\Facades\Schema;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
 
class AddMultipleColumnToNotes extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::table('notes', function (Blueprint $table) {
           $table->string('short_description')->nullable();
           $table->string('type')->nullable();
           $table->string('long_description')->nullable();
 
        });
    }
 
    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::table('notes', function (Blueprint $table) {
           $table->dropColumn(['short_description',  'type', 'long_description']);
        });
    }
}

<?php

use Illuminate\Support\Facades\Schema;

use Illuminate\Database\Schema\Blueprint;

use Illuminate\Database\Migrations\Migration;

class AddMultipleColumnToNotes extends Migration

{

/**

* Run the migrations.

* @return void

public function up()

{

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

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

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

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

});

}

/**

* Reverse the migrations.

* @return void

public function down()

{

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

$table->dropColumn(['short_description', 'type', 'long_description']);

});

}

Finally, run the below-given command for adding columns in your database table:

php artisan migrate

1	php artisan migrate

Available Column Types

Command	Description
$table->bigIncrements('id');	Auto-incrementing UNSIGNED BIGINT (primary key) equivalent column.
$table->bigInteger('votes');	BIGINT equivalent column.
$table->binary('data');	BLOB equivalent column.
$table->boolean('confirmed');	BOOLEAN equivalent column.
$table->char('name', 100);	CHAR equivalent column with an optional length.
$table->date('created_at');	DATE equivalent column.
$table->dateTime('created_at');	DATETIME equivalent column.
$table->dateTimeTz('created_at');	DATETIME (with timezone) equivalent column.
$table->decimal('amount', 8, 2);	DECIMAL equivalent column with a precision (total digits) and scale (decimal digits).
$table->double('amount', 8, 2);	DOUBLE equivalent column with a precision (total digits) and scale (decimal digits).
$table->enum('level', ['easy', 'hard']);	ENUM equivalent column.
$table->float('amount', 8, 2);	FLOAT equivalent column with a precision (total digits) and scale (decimal digits).
$table->geometry('positions');	GEOMETRY equivalent column.
$table->geometryCollection('positions');	GEOMETRYCOLLECTION equivalent column.
$table->increments('id');	Auto-incrementing UNSIGNED INTEGER (primary key) equivalent column.
$table->integer('votes');	INTEGER equivalent column.
$table->ipAddress('visitor');	IP address equivalent column.
$table->json('options');	JSON equivalent column.
$table->jsonb('options');	JSONB equivalent column.
$table->lineString('positions');	LINESTRING equivalent column.
$table->longText('description');	LONGTEXT equivalent column.
$table->macAddress('device');	MAC address equivalent column.
$table->mediumIncrements('id');	Auto-incrementing UNSIGNED MEDIUMINT (primary key) equivalent column.
$table->mediumInteger('votes');	MEDIUMINT equivalent column.
$table->mediumText('description');	MEDIUMTEXT equivalent column.
$table->morphs('taggable');	Adds taggable_id UNSIGNED BIGINT and taggable_type VARCHAR equivalent columns.
$table->uuidMorphs('taggable');	Adds taggable_id CHAR(36) and taggable_type VARCHAR(255) UUID equivalent columns.
$table->multiLineString('positions');	MULTILINESTRING equivalent column.
$table->multiPoint('positions');	MULTIPOINT equivalent column.
$table->multiPolygon('positions');	MULTIPOLYGON equivalent column.
$table->nullableMorphs('taggable');	Adds nullable versions of morphs() columns.
$table->nullableUuidMorphs('taggable');	Adds nullable versions of uuidMorphs() columns.
$table->nullableTimestamps();	Alias of timestamps() method.
$table->point('position');	POINT equivalent column.
$table->polygon('positions');	POLYGON equivalent column.
$table->rememberToken();	Adds a nullable remember_token VARCHAR(100) equivalent column.
$table->set('flavors', ['strawberry', 'vanilla']);	SET equivalent column.
$table->smallIncrements('id');	Auto-incrementing UNSIGNED SMALLINT (primary key) equivalent column.
$table->smallInteger('votes');	SMALLINT equivalent column.
$table->softDeletes();	Adds a nullable deleted_at TIMESTAMP equivalent column for soft deletes.
$table->softDeletesTz();	Adds a nullable deleted_at TIMESTAMP (with timezone) equivalent column for soft deletes.
$table->string('name', 100);	VARCHAR equivalent column with a optional length.
$table->text('description');	TEXT equivalent column.
$table->time('sunrise');	TIME equivalent column.
$table->timeTz('sunrise');	TIME (with timezone) equivalent column.
$table->timestamp('added_on');	TIMESTAMP equivalent column.
$table->timestampTz('added_on');	TIMESTAMP (with timezone) equivalent column.
$table->timestamps();	Adds nullable created_at and updated_at TIMESTAMP equivalent columns.
$table->timestampsTz();	Adds nullable created_at and updated_at TIMESTAMP (with timezone) equivalent columns.
$table->tinyIncrements('id');	Auto-incrementing UNSIGNED TINYINT (primary key) equivalent column.
$table->tinyInteger('votes');	TINYINT equivalent column.
$table->unsignedBigInteger('votes');	UNSIGNED BIGINT equivalent column.
$table->unsignedDecimal('amount', 8, 2);	UNSIGNED DECIMAL equivalent column with a precision (total digits) and scale (decimal digits).
$table->unsignedInteger('votes');	UNSIGNED INTEGER equivalent column.
$table->unsignedMediumInteger('votes');	UNSIGNED MEDIUMINT equivalent column.
$table->unsignedSmallInteger('votes');	UNSIGNED SMALLINT equivalent column.
$table->unsignedTinyInteger('votes');	UNSIGNED TINYINT equivalent column.
$table->uuid('id');	UUID equivalent column.
$table->year('birth_year');	YEAR equivalent column.

Command Description

$table->bigIncrements('id'); Auto-incrementing UNSIGNED BIGINT (primary key) equivalent column.

$table->bigInteger('votes'); BIGINT equivalent column.

$table->binary('data'); BLOB equivalent column.

$table->boolean('confirmed'); BOOLEAN equivalent column.

$table->char('name', 100); CHAR equivalent column with an optional length.

$table->date('created_at'); DATE equivalent column.

$table->dateTime('created_at'); DATETIME equivalent column.

$table->dateTimeTz('created_at'); DATETIME (with timezone) equivalent column.

$table->decimal('amount', 8, 2); DECIMAL equivalent column with a precision (total digits) and scale (decimal digits).

$table->double('amount', 8, 2); DOUBLE equivalent column with a precision (total digits) and scale (decimal digits).

$table->enum('level', ['easy', 'hard']); ENUM equivalent column.

$table->float('amount', 8, 2); FLOAT equivalent column with a precision (total digits) and scale (decimal digits).

$table->geometry('positions'); GEOMETRY equivalent column.

$table->geometryCollection('positions'); GEOMETRYCOLLECTION equivalent column.

$table->increments('id'); Auto-incrementing UNSIGNED INTEGER (primary key) equivalent column.

$table->integer('votes'); INTEGER equivalent column.

$table->ipAddress('visitor'); IP address equivalent column.

$table->json('options'); JSON equivalent column.

$table->jsonb('options'); JSONB equivalent column.

$table->lineString('positions'); LINESTRING equivalent column.

$table->longText('description'); LONGTEXT equivalent column.

$table->macAddress('device'); MAC address equivalent column.

$table->mediumIncrements('id'); Auto-incrementing UNSIGNED MEDIUMINT (primary key) equivalent column.

$table->mediumInteger('votes'); MEDIUMINT equivalent column.

$table->mediumText('description'); MEDIUMTEXT equivalent column.

$table->morphs('taggable'); Adds taggable_id UNSIGNED BIGINT and taggable_type VARCHAR equivalent columns.

$table->uuidMorphs('taggable'); Adds taggable_id CHAR(36) and taggable_type VARCHAR(255) UUID equivalent columns.

$table->multiLineString('positions'); MULTILINESTRING equivalent column.

$table->multiPoint('positions'); MULTIPOINT equivalent column.

$table->multiPolygon('positions'); MULTIPOLYGON equivalent column.

$table->nullableMorphs('taggable'); Adds nullable versions of morphs() columns.

$table->nullableUuidMorphs('taggable'); Adds nullable versions of uuidMorphs() columns.

$table->nullableTimestamps(); Alias of timestamps() method.

$table->point('position'); POINT equivalent column.

$table->polygon('positions'); POLYGON equivalent column.

$table->rememberToken(); Adds a nullable remember_token VARCHAR(100) equivalent column.

$table->set('flavors', ['strawberry', 'vanilla']); SET equivalent column.

$table->smallIncrements('id'); Auto-incrementing UNSIGNED SMALLINT (primary key) equivalent column.

$table->smallInteger('votes'); SMALLINT equivalent column.

$table->softDeletes(); Adds a nullable deleted_at TIMESTAMP equivalent column for soft deletes.

$table->softDeletesTz(); Adds a nullable deleted_at TIMESTAMP (with timezone) equivalent column for soft deletes.

$table->string('name', 100); VARCHAR equivalent column with a optional length.

$table->text('description'); TEXT equivalent column.

$table->time('sunrise'); TIME equivalent column.

$table->timeTz('sunrise'); TIME (with timezone) equivalent column.

$table->timestamp('added_on'); TIMESTAMP equivalent column.

$table->timestampTz('added_on'); TIMESTAMP (with timezone) equivalent column.

$table->timestamps(); Adds nullable created_at and updated_at TIMESTAMP equivalent columns.

$table->timestampsTz(); Adds nullable created_at and updated_at TIMESTAMP (with timezone) equivalent columns.

$table->tinyIncrements('id'); Auto-incrementing UNSIGNED TINYINT (primary key) equivalent column.

$table->tinyInteger('votes'); TINYINT equivalent column.

$table->unsignedBigInteger('votes'); UNSIGNED BIGINT equivalent column.

$table->unsignedDecimal('amount', 8, 2); UNSIGNED DECIMAL equivalent column with a precision (total digits) and scale (decimal digits).

$table->unsignedInteger('votes'); UNSIGNED INTEGER equivalent column.

$table->unsignedMediumInteger('votes'); UNSIGNED MEDIUMINT equivalent column.

$table->unsignedSmallInteger('votes'); UNSIGNED SMALLINT equivalent column.

$table->unsignedTinyInteger('votes'); UNSIGNED TINYINT equivalent column.

$table->uuid('id'); UUID equivalent column.

$table->year('birth_year'); YEAR equivalent column.

Laravel 7/6 Custom Login Registration Example Tutorial

In this Laravel 7/6 Custom Login Registration Example Tutorial I will show you how to create custom login and registration system in laravel. In this tutorial you will learn to create custom login and registration system in laravel. Though laravel comes with default authentication system we can also create custom login, registration and logout functionality. In the step by step custom authentication tutorial I will show you to create controller, routes, model, and blade views files for custom login, registration and logout functionality.

Install Laravel Fresh New Setup
Setup Database Credentials
Make Route
Create Controller & Methods
Create Blade View
Run Development Server
Conclusion

1). Install Laravel Fresh New Setup

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

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

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

2). Setup Database

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=here your database name here
 DB_USERNAME=here database username here
 DB_PASSWORD=here database password here

DB_CONNECTION=mysql

DB_HOST=127.0.0.1

DB_PORT=3306

DB_DATABASE=here your database name here

DB_USERNAME=here database username here

DB_PASSWORD=here database password here

Next, we will migrate the table into the database using the below command :

php artisan migrate

1	php artisan migrate

3). Make 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

Route::get('login', 'AuthController@index');
  Route::post('post-login', 'AuthController@postLogin'); 
  Route::get('registration', 'AuthController@registration');
  Route::post('post-registration', 'AuthController@postRegistration'); 
  Route::get('dashboard', 'AuthController@dashboard'); 
  Route::get('logout', 'AuthController@logout');

Route::get('login', 'AuthController@index');

Route::post('post-login', 'AuthController@postLogin');

Route::get('registration', 'AuthController@registration');

Route::post('post-registration', 'AuthController@postRegistration');

Route::get('dashboard', 'AuthController@dashboard');

Route::get('logout', 'AuthController@logout');

4). Create Controller

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

php artisan make:controller AuthController

1	php artisan make:controller AuthController

After successfully create controller go to app/controllers/AuthController.php and update the below code in your controller:

<?php
 
namespace App\Http\Controllers;
 
use Illuminate\Http\Request;
use Validator,Redirect,Response;
Use App\User;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Hash;
use Session;
 
class AuthController extends Controller
{
 
    public function index()
    {
        return view('login');
    }  
 
    public function registration()
    {
        return view('registration');
    }
     
    public function postLogin(Request $request)
    {
        request()->validate([
        'email' => 'required',
        'password' => 'required',
        ]);
 
        $credentials = $request->only('email', 'password');
        if (Auth::attempt($credentials)) {
            // Authentication passed...
            return redirect()->intended('dashboard');
        }
        return Redirect::to("login")->withSuccess('Oppes! You have entered invalid credentials');
    }
 
    public function postRegistration(Request $request)
    {  
        request()->validate([
        'name' => 'required',
        'email' => 'required|email|unique:users',
        'password' => 'required|min:6',
        ]);
         
        $data = $request->all();
 
        $check = $this->create($data);
       
        return Redirect::to("dashboard")->withSuccess('Great! You have Successfully loggedin');
    }
     
    public function dashboard()
    {
 
      if(Auth::check()){
        return view('dashboard');
      }
       return Redirect::to("login")->withSuccess('Opps! You do not have access');
    }
 
    public function create(array $data)
    {
      return User::create([
        'name' => $data['name'],
        'email' => $data['email'],
        'password' => Hash::make($data['password'])
      ]);
    }
     
    public function logout() {
        Session::flush();
        Auth::logout();
        return Redirect('login');
    }
}

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

use Validator,Redirect,Response;

Use App\User;

use Illuminate\Support\Facades\Auth;

use Illuminate\Support\Facades\Hash;

use Session;

class AuthController extends Controller

{

public function index()

{

return view('login');

}

public function registration()

{

return view('registration');

}

public function postLogin(Request $request)

{

request()->validate([

'email' => 'required',

'password' => 'required',

]);

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

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

// Authentication passed...

return redirect()->intended('dashboard');

}

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

}

public function postRegistration(Request $request)

{

request()->validate([

'name' => 'required',

'email' => 'required|email|unique:users',

'password' => 'required|min:6',

]);

$data = $request->all();

$check = $this->create($data);

return Redirect::to("dashboard")->withSuccess('Great! You have Successfully loggedin');

}

public function dashboard()

{

if(Auth::check()){

return view('dashboard');

}

return Redirect::to("login")->withSuccess('Opps! You do not have access');

}

public function create(array $data)

{

return User::create([

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

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

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

]);

}

public function logout() {

Session::flush();

Auth::logout();

return Redirect('login');

}

5). Create Blade view

Now, we will create three-blade view files as following:

login blade.php

<!DOCTYPE html>
<html>
<head>
<title>Login Form</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="csrf-token" content="{{ csrf_token() }}">
<!--Bootsrap 4 CDN-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="{{url('style.css')}}">
</head>
<body>
<div class="container-fluid">
<div class="row no-gutter">
<div class="d-none d-md-flex col-md-4 col-lg-6 bg-image"></div>
<div class="col-md-8 col-lg-6">
<div class="login d-flex align-items-center py-5">
<div class="container">
<div class="row">
<div class="col-md-9 col-lg-8 mx-auto">
<h3 class="login-heading mb-4">Welcome back!</h3>
<form action="{{url('post-login')}}" method="POST" id="logForm">
{{ csrf_field() }}
<div class="form-label-group">
<input type="email" name="email" id="inputEmail" class="form-control" placeholder="Email address" >
<label for="inputEmail">Email address</label>
@if ($errors->has('email'))
<span class="error">{{ $errors->first('email') }}</span>
@endif    
</div> 
<div class="form-label-group">
<input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password">
<label for="inputPassword">Password</label>
@if ($errors->has('password'))
<span class="error">{{ $errors->first('password') }}</span>
@endif  
</div>
<button class="btn btn-lg btn-primary btn-block btn-login text-uppercase font-weight-bold mb-2" type="submit">Sign In</button>
<div class="text-center">If you have an account?
<a class="small" href="{{url('registration')}}">Sign Up</a></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Login Form</title>

</head>

<body>

<h3 class="login-heading mb-4">Welcome back!</h3>

<label for="inputEmail">Email address</label>

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

<span class="error">{{ $errors->first('email') }}</span>

@endif

</div>

<label for="inputPassword">Password</label>

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

<span class="error">{{ $errors->first('password') }}</span>

@endif

</div>

<div class="text-center">If you have an account?

</form>

</div>

</body>

</html>

registration blade.php

<!DOCTYPE html>
<html>
<head>
<title>Registration Form</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="csrf-token" content="{{ csrf_token() }}">
<!--Bootsrap 4 CDN-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="{{url('style.css')}}">
</head>
<body>
<div class="container-fluid">
<div class="row no-gutter">
<div class="d-none d-md-flex col-md-4 col-lg-6 bg-image"></div>
<div class="col-md-8 col-lg-6">
<div class="login d-flex align-items-center py-5">
<div class="container">
<div class="row">
<div class="col-md-9 col-lg-8 mx-auto">
<h3 class="login-heading mb-4">Register here!</h3>
<form action="{{url('post-registration')}}" method="POST" id="regForm">
{{ csrf_field() }}
<div class="form-label-group">
<input type="text" id="inputName" name="name" class="form-control" placeholder="Full name" autofocus>
<label for="inputName">Name</label>
@if ($errors->has('name'))
<span class="error">{{ $errors->first('name') }}</span>
@endif       
</div> 
<div class="form-label-group">
<input type="email" name="email" id="inputEmail" class="form-control" placeholder="Email address" >
<label for="inputEmail">Email address</label>
@if ($errors->has('email'))
<span class="error">{{ $errors->first('email') }}</span>
@endif    
</div> 
<div class="form-label-group">
<input type="password" name="password" id="inputPassword" class="form-control" placeholder="Password">
<label for="inputPassword">Password</label>
@if ($errors->has('password'))
<span class="error">{{ $errors->first('password') }}</span>
@endif  
</div>
<button class="btn btn-lg btn-primary btn-block btn-login text-uppercase font-weight-bold mb-2" type="submit">Sign Up</button>
<div class="text-center">If you have an account?
<a class="small" href="{{url('login')}}">Sign In</a></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Registration Form</title>

</head>

<body>

<h3 class="login-heading mb-4">Register here!</h3>

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

<span class="error">{{ $errors->first('name') }}</span>

@endif

</div>

<label for="inputEmail">Email address</label>

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

<span class="error">{{ $errors->first('email') }}</span>

@endif

</div>

<label for="inputPassword">Password</label>

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

<span class="error">{{ $errors->first('password') }}</span>

@endif

</div>

<div class="text-center">If you have an account?

</form>

</div>

</body>

</html>

dashboard.blade.php

<!DOCTYPE html>
<html>
<head>
<title>Dashboard</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="csrf-token" content="{{ csrf_token() }}">
<!--Bootsrap 4 CDN-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="{{url('style.css')}}">
</head>
<body>
<div class="container-fluid">
<div class="row no-gutter">
<div class="d-none d-md-flex col-md-4 col-lg-6 bg-image"></div>
<div class="col-md-8 col-lg-6">
<div class="login d-flex align-items-center py-5">
<div class="container">
<div class="row">
<div class="col-md-9 col-lg-8 mx-auto">
<h3 class="login-heading mb-4">Welcome Dashboard!</h3>
<div class="card">
<div class="card-body">
Welcome {{ ucfirst(Auth()->user()->name) }}
</div>
<div class="card-body">
<a class="small" href="{{url('logout')}}">Logout</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

<!DOCTYPE html>

<html>

<head>

<title>Dashboard</title>

</head>

<body>

<h3 class="login-heading mb-4">Welcome Dashboard!</h3>

Welcome {{ ucfirst(Auth()->user()->name) }}

</div>

<a class="small" href="{{url('logout')}}">Logout</a>

</div>

</body>

</html>

Next, we will create a style.css file inside app/public folder and updates the below code in your file:

:root {
--input-padding-x: 1.5rem;
--input-padding-y: 0.75rem;
}
.login,
.image {
min-height: 100vh;
}
.bg-image {
background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/form-bk.jpg');
background-size: cover;
background-position: center;
}
.login-heading {
font-weight: 300;
}
.btn-login {
font-size: 0.9rem;
letter-spacing: 0.05rem;
padding: 0.75rem 1rem;
border-radius: 2rem;
}
.form-label-group {
position: relative;
margin-bottom: 1rem;
}
.form-label-group>input,
.form-label-group>label {
padding: var(--input-padding-y) var(--input-padding-x);
height: auto;
border-radius: 2rem;
}
.form-label-group>label {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
margin-bottom: 0;
/* Override default `<label>` margin */
line-height: 1.5;
color: #495057;
cursor: text;
/* Match the input under the label */
border: 1px solid transparent;
border-radius: .25rem;
transition: all .1s ease-in-out;
}
.form-label-group input::-webkit-input-placeholder {
color: transparent;
}
.form-label-group input:-ms-input-placeholder {
color: transparent;
}
.form-label-group input::-ms-input-placeholder {
color: transparent;
}
.form-label-group input::-moz-placeholder {
color: transparent;
}
.form-label-group input::placeholder {
color: transparent;
}
.form-label-group input:not(:placeholder-shown) {
padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));
padding-bottom: calc(var(--input-padding-y) / 3);
}
.form-label-group input:not(:placeholder-shown)~label {
padding-top: calc(var(--input-padding-y) / 3);
padding-bottom: calc(var(--input-padding-y) / 3);
font-size: 12px;
color: #777;
}
/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
.form-label-group>label {
display: none;
}
.form-label-group input::-ms-input-placeholder {
color: #777;
}
}
/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.form-label-group>label {
display: none;
}
.form-label-group input:-ms-input-placeholder {
color: #777;
}
}
.error{
color:red;
margin-left: 10px;
}

:root {

--input-padding-x: 1.5rem;

--input-padding-y: 0.75rem;

}

.login,

.image {

min-height: 100vh;

}

.bg-image {

background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/form-bk.jpg');

background-size: cover;

background-position: center;

}

.login-heading {

font-weight: 300;

}

.btn-login {

font-size: 0.9rem;

letter-spacing: 0.05rem;

padding: 0.75rem 1rem;

border-radius: 2rem;

}

.form-label-group {

position: relative;

margin-bottom: 1rem;

}

.form-label-group>input,

.form-label-group>label {

padding: var(--input-padding-y) var(--input-padding-x);

height: auto;

border-radius: 2rem;

}

.form-label-group>label {

position: absolute;

top: 0;

left: 0;

display: block;

width: 100%;

margin-bottom: 0;

/* Override default `<label>` margin */

line-height: 1.5;

color: #495057;

cursor: text;

/* Match the input under the label */

border: 1px solid transparent;

border-radius: .25rem;

transition: all .1s ease-in-out;

}

.form-label-group input::-webkit-input-placeholder {

color: transparent;

}

.form-label-group input:-ms-input-placeholder {

color: transparent;

}

.form-label-group input::-ms-input-placeholder {

color: transparent;

}

.form-label-group input::-moz-placeholder {

color: transparent;

}

.form-label-group input::placeholder {

color: transparent;

}

.form-label-group input:not(:placeholder-shown) {

padding-top: calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));

padding-bottom: calc(var(--input-padding-y) / 3);

}

.form-label-group input:not(:placeholder-shown)~label {

padding-top: calc(var(--input-padding-y) / 3);

padding-bottom: calc(var(--input-padding-y) / 3);

font-size: 12px;

color: #777;

}

/* Fallback for Edge

-------------------------------------------------- */

@supports (-ms-ime-align: auto) {

.form-label-group>label {

display: none;

}

.form-label-group input::-ms-input-placeholder {

color: #777;

}

/* Fallback for IE

-------------------------------------------------- */

@media all and (-ms-high-contrast: none),

(-ms-high-contrast: active) {

.form-label-group>label {

display: none;

}

.form-label-group input:-ms-input-placeholder {

color: #777;

}

.error{

color:red;

margin-left: 10px;

}

6). 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 –

 http://localhost:8000/login

1	http://localhost:8000/login

Laravel 7/6 Send Error Exceptions on Mail/Email

Laravel sends an error exception to mail steps

Create Mail Class

Create Email View

Send Error Exception Mail

Razorpay Payment Gateway

Laravel 7/6 Razorpay Payment Gateway Integration Tutorial

Step 1: Install Laravel App

Step 2: Setup Database

Step 3: Model & Migration

Step 4: Make Route

Step 5: Create Controller

Step 6: Create Blade view

Step 7: Start Development Server

Laravel 7/6 Twitter Login Example Using Socialite Package

Step 1: Install Laravel Fresh App

Step 2: Setup Database

Step 3: Download Socialite Package

Step 4: Create Twitter App

Step 5: Add Code In Model and Migration

Step 6: Run Migration

Step 7: Add Routes for Twitter App

Step 8: Create Controller

Step 9: Create Auth File And Login Button

Install Laravel UI

Create Auth

NPM Install

Step 10: Run Development Server

Laravel 7/6 Image Upload with Validation

1). Install Laravel Fresh App

2). Setup Database

3). Generate Image Migration & Model

4). Create Image Upload Route

5). Create Image Upload Controller

6). Create Image Upload and Preview Blade view

Put the script on image.blade.php after closing of body tag

7). Start Development Server

Laravel 7/6 Multiple Image Upload with Preview

1: Install Laravel Fresh Setup

2: Setup Database Credentials

3: Create Route

4: Generate Controller by Command

5: Create the blade view

6: Run Development Server

Laravel 7/6 Ajax Image Upload With Preview Example Tutorial

1). Install Laravel App

2). Setup Database

3). Create Image migration file and model

4). Add Route For Image

5). Create Controller

6). Create Blade view

7). Create Folder

8). Run Development Server

Laravel 7/6 File Upload Validation Example Tutorial

1). Install Laravel Fresh New Setup

2). Setup Database Credentials

3). Generate Migration & Model

4). Add Route

5). Create Controller

6). Create Blade view

7). Run Development Server

Laravel UI

The ui:auth Command

Laravel 7/6 Link Storage Folder Example

Create Controller And Model Laravel 7/6 Using Command

Create model command

Create Controller command

Create a Resource Controller Command

Command For Create Model and Controller

How to Add a Column or Columns To Existing Table In Laravel

Laravel Migration:

Add a single Column an existing table

Run Migration Command

Add Multiple Columns in Existing Table

Available Column Types

Laravel 7/6 Custom Login Registration Example Tutorial

1). Install Laravel Fresh New Setup

2). Setup Database

3). Make Route

4). Create Controller