DEV Community: Msh Sayket

Laravel File Upload with Progress Bar Example

Msh Sayket — Tue, 27 May 2025 13:37:44 +0000

In this post, we will learn how to ajax image upload with progress bar in laravel application. Laravel File Upload with Progress Bar

You always did file uploading in a normal way, and you can do it easily. But when you have a large amount of file size, it takes time to upload on a server. Maybe you can’t reduce the time to upload a file or image, but you can display a progress bar with a percentage so the client can understand how much time is left to upload a file.

In this tutorial, we will create two routes with the FileController controller file. When you click on the submit button, fire the jQuery AJAX method, and the upload of the image will show you a progress bar. Let’s follow the steps below to do this example.

Laravel File Upload with Progress Bar Example

Step 1: Install Laravel 11

First of all, we need to get a fresh Laravel 11 version application using the command below because we are starting from scratch. So, open your terminal or command prompt and run the command below:

composer create-project laravel/laravel example-app

Step 2: Create Routes

In the first step, we will add two new routes. One for displaying the view, and we will write jQuery code in the view file. In the second step, we will create a POST route for file upload.

routes/web.php

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\FileController;

Route::controller(FileController::class)->group(function(){
    Route::get('file-upload', 'index');
    Route::post('file-upload', 'store')->name('file.upload');
});

Read Full Tutorials
Read Also: How to Install Bootstrap 5 in Laravel 12 with Vite

Laravel 12 CKeditor Image Upload Example

Msh Sayket — Mon, 26 May 2025 11:50:40 +0000

In this post, I will show you how to image upload with CKEditor in laravel 12 application.

CKEditor is a web-based, open-source WYSIWYG (What You See Is What You Get) editor that allows users to edit text content in a browser. It is a powerful tool that enables users to create and format text, add images and multimedia, and edit HTML code without any knowledge of coding. CKEditor was first released in 2003 and has since become a popular choice for web developers and content creators due to its versatility and ease of use. It is written in JavaScript and can be integrated into any web application with ease.

we will create a simple CKEditor instance with an image upload option that saves the image to local storage. We will set up two routes, one for GET and one for POST requests (for image uploads). Once the user selects an image and submits it, the image will be stored in the ‘media’ folder.

So, let’s see below the steps to getting done with image upload in CKEditor Laravel.

Laravel 12 CKeditor Image Upload Example

Step 1: Install Laravel 12

First of all, we need to get a fresh Laravel 12 version application using the command below because we are starting from scratch. So, open your terminal or command prompt and run the command below:

composer create-project laravel/laravel example-app

Step 2: Create Route

In this step, we will add three routes with GET and POST method in routes/web.php file. so let’s add it.

routes/web.php

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\CkeditorController;

Route::get('ckeditor', [CkeditorController::class, 'index']);
Route::post('ckeditor/upload', [CkeditorController::class, 'upload'])->name('ckeditor.upload');

Laravel 12 Generate PDF and Send Email Tutorial

Msh Sayket — Thu, 22 May 2025 14:56:52 +0000

In this tutorial, I will show you how to generate pdf file and send email attachments in laravel 12 application.

In this example, I will simply use dompdf to generate a PDF file and send an email with a PDF attachment. We will use Gmail SMTP for the mail driver. You just need to follow a few steps to create a simple example of sending an email with the created PDF file in a Laravel app.

Laravel 12 Generate PDF and Send Email Tutorial Example

Step 1: Install Laravel 12

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

composer create-project laravel/laravel example-app

Step 2: Install dompdf Package

First of all, we will install the barryvdh/laravel-dompdf composer package by following the composer command in your Laravel application.

composer require barryvdh/laravel-dompdf

Step 3: Make Configuration

In the first step, you have to add send mail configuration with mail driver, mail host, mail port, mail username, and mail password so Laravel will use those sender details on the email. So you can simply add the following:
.env

MAIL_DRIVER=smtp
MAIL_HOST=smtp.gmail.com
MAIL_PORT=587
MAIL_USERNAME=mygoogle@gmail.com
MAIL_PASSWORD=rrnnucvnqlbsl
MAIL_ENCRYPTION=tls
MAIL_FROM_ADDRESS=mygoogle@gmail.com
MAIL_FROM_NAME="${APP_NAME}"

Step 4: Create Mail Class
We are going from scratch, and in the first step, we will create an email for testing using the Laravel Mail facade. So let’s simply run the command below.

php artisan make:mail MailExample

Now you will have a new folder “Mail” in the app directory with the MailExample.php file. So let’s simply copy the below code and paste it into that file. Read Full Tutorials

Laravel 12 Custom User Login and Registration Tutorial

Msh Sayket — Thu, 22 May 2025 14:54:13 +0000

Laravel provides Jetstream, Breeze, Fortify, and UI packages for auth scaffolding. But sometimes we need to create our own login, registration, dashboard, and logout. So we can write our own logic and design. We will use the Laravel Auth facade to create custom user auth scaffolding step by step.

this tutorial, I would like to share with you how to create a custom user login and registration page in the laravel 12 application.

Laravel 12 Custom User Login and Registration Example

Step 1: Install Laravel 12

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

composer create-project laravel/laravel example-app

Step 2: Create Routes

In this step, we need to create a custom routes for login, register, home, and logout. So open your routes/web.php file and add the following routes.

routes/web.php

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\Auth\AuthController;

Route::get('/', function () {
    return view('welcome');
});

Route::get('login', [AuthController::class, 'index'])->name('login');
Route::post('post-login', [AuthController::class, 'postLogin'])->name('login.post'); 
Route::get('registration', [AuthController::class, 'registration'])->name('register');
Route::post('post-registration', [AuthController::class, 'postRegistration'])->name('register.post'); 
Route::get('dashboard', [AuthController::class, 'dashboard']); 
Route::get('logout', [AuthController::class, 'logout'])->name('logout');

Step 3: Create Controller

In this step, we will create a new AuthController controller with index(), registration(), postLogin(), postRegistration(), dashboard(), create(), and logout() methods.

app/Http/Controllers/Auth/AuthController.php

<?php

namespace App\Http\Controllers\Auth;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Auth;
use Session;
use App\Models\User;
use Hash;
use Illuminate\View\View;
use Illuminate\Http\RedirectResponse;

class AuthController extends Controller
{
    /**
     * Write code on Method
     *
     * @return response()
     */
    public function index(): View
    {
        return view('auth.login');
    }  

    /**
     * Write code on Method
     *
     * @return response()
     */
    public function registration(): View
    {
        return view('auth.registration');
    }

    /**
     * Write code on Method
     *
     * @return response()
     */
    public function postLogin(Request $request): RedirectResponse
    {
        $request->validate([
            'email' => 'required',
            'password' => 'required',
        ]);

        $credentials = $request->only('email', 'password');
        if (Auth::attempt($credentials)) {
            return redirect()->intended('dashboard')
                        ->withSuccess('You have Successfully loggedin');
        }

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

    /**
     * Write code on Method
     *
     * @return response()
     */
    public function postRegistration(Request $request): RedirectResponse
    {  
        $request->validate([
            'name' => 'required',
            'email' => 'required|email|unique:users',
            'password' => 'required|min:6',
        ]);

        $data = $request->all();
        $user = $this->create($data);

        Auth::login($user); 

        return redirect("dashboard")->withSuccess('Great! You have Successfully loggedin');
    }

    /**
     * Write code on Method
     *
     * @return response()
     */
    public function dashboard()
    {
        if(Auth::check()){
            return view('dashboard');
        }

        return redirect("login")->withSuccess('Opps! You do not have access');
    }

    /**
     * Write code on Method
     *
     * @return response()
     */
    public function create(array $data)
    {
      return User::create([
        'name' => $data['name'],
        'email' => $data['email'],
        'password' => Hash::make($data['password'])
      ]);
    }

    /**
     * Write code on Method
     *
     * @return response()
     */
    public function logout(): RedirectResponse
    {
        Session::flush();
        Auth::logout();

        return Redirect('login');
    }
}

Read Full Tutorials

How to Create Custom Validation Rules in Laravel 12

Msh Sayket — Sun, 11 May 2025 06:06:04 +0000

In this post, we will learn how to create custom validation rules in the laravel 12 application.

Laravel provides default validation rules such as email, required, unique, date, and more. If you need to create a custom validation rule in Laravel, I can guide you through the steps

In this example, we will create a custom validation rule called BirthYearRule. We will add an input text box for birth_year and validate that the user enters a year between 1980 and the current year using our custom validation. You Can Learn Laravel 12 Image Intervention Tutorial With Example

Step 1: Install Laravel 12

First of all, we need to get a fresh Laravel 12 version application using the command below because we are starting from scratch. So, open your terminal or command prompt and run the command below:

composer create-project laravel/laravel example-app

Step 2: Create Routes

In this step, we will create two routes: GET and POST for a custom validation rule example. So let's add it.

routes/web.php

<?php

use Illuminate\Support\Facades\Route;

use App\Http\Controllers\CustomValidationController;

Route::get('custom-validation', [CustomValidationController::class, 'create']);
Route::post('custom-validation', [CustomValidationController::class, 'store'])->name('custom.validation.post');

Laravel Collection Count and CountBy Method Example

Msh Sayket — Sat, 22 Mar 2025 09:50:25 +0000

In this tutorial. I am going to explain you example of laravel collection count example. you will learn laravel collection countby example. This tutorial will give you simple example of count collection laravel. you can see laravel collection count by key.

I will give you list of examples of count and countby colletion in laravel. so you can easily use it with your laravel 5, laravel 6, laravel 7, laravel 8, laravel 9, laravel 10 and laravel 11, laravel 12 application. so let’s see bellow example that will helps you lot. You Can Learn How to send email using a Gmail account in laravel 12

Laravel Collection Count and CountBy Method Example

Count Syntax:

$collecton->count();

Laravel Collection count() Example

public function index()
{    
$collection = collect([1, 2, 3, 4, 5, 6]);      
$count = $collection->count();           
dd($count);
}

Output:

6
CountBy Syntax:

$collecton->countBy(    
$callback
);

Laravel Collection countBy() Example

public function index(){    
$collection = collect(["one", "two", "two", "three", "three", "four"]);      
$count = $collection->countBy();           
dd($count);
}

Output:

Illuminate\Support\Collection Object(
    [items:protected] => Array        
 (            
 [one] => 1            
 [two] => 2            
 [three] => 2            
 [four] => 1        
 )
)

Laravel Collection countBy() with function Example

public function index(){    
$collection = collect([            
["id"=>1, "name"=>"Hardik", "role"=>"Admin"],            
["id"=>2, "name"=>"Paresh", "role"=>"Admin"],            
["id"=>3, "name"=>"Rakesh", "role"=>"User"],        
]);      
$count = $collection->countBy(function ($item) {                   
 return $item['role'];                
});            
dd($count);
}

Output:

Illuminate\Support\Collection Object
(    
[items:protected] => Array        
 (           
 [Admin] => 2            
 [User] => 1        
 )
)

I hope it can help you… Read More Tutorials from DevScriptSchool

How to Create Custom Helper Functions in Laravel 12

Msh Sayket — Sat, 22 Mar 2025 09:47:12 +0000

In this example, i will show How to Create Custom Helper Functions in Laravel 12 application.

We know Laravel 12 also provides helper functions for arrays, URLs, routes, paths, etc. But sometimes, we may require more custom helper functions for our project. So, we need to create our own custom helper file and define global functions that can be easily used.

How to Create Custom Helper Functions in Laravel 12

Step 1: Install Laravel 12

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

laravel new example-app

Step 2: Create helpers.php File

In this step, you need to create app/Helpers/helpers.php in your Laravel project and place the following code in that file:

app/Helpers/helpers.php

<?php

use Carbon\Carbon;

/**
 * Write code on Method
 *
 * @return response()
 */
if (! function_exists('convertYmdToMdy')) {
    function convertYmdToMdy($date)
    {
        return Carbon::createFromFormat('Y-m-d', $date)->format('m-d-Y');
    }
}

/**
 * Write code on Method
 *
 * @return response()
 */
if (! function_exists('convertMdyToYmd')) {
    function convertMdyToYmd($date)
    {
        return Carbon::createFromFormat('m-d-Y', $date)->format('Y-m-d');
    }
}

Step 3: Register File Path In composer.json File
In this step, you have to put the path of the helpers file. So, basically, open the composer.json file and put the following code in that file:

composer.json

...

    "autoload": {
        "psr-4": {
            "App\\": "app/",
            "Database\\Factories\\": "database/factories/",
            "Database\\Seeders\\": "database/seeders/"
        },
        "files": [
            "app/Helpers/helpers.php"
        ]
    },

...

After registering, we need to run the composer autoload command so that it loads our helper file. Next, run the command below:

composer dump-autoload

Step 4: Add Route

Next, you have to open and update the following routes in the routes/web.php file.

How To Install Bootstrap Auth Scaffolding in a Laravel 12

Msh Sayket — Thu, 13 Mar 2025 08:35:57 +0000

In this Tutorial, I will show how to install Bootstrap auth scaffolding in a Laravel 12 application.

Laravel provides a UI package for the easy setup of auth scaffolding. Laravel UI offers simple authentication features, including login, registration, password reset, email verification, and password confirmation, using Bootstrap, React, and Vue. You Can Learn How to send email using a Gmail account in laravel 12

In this tutorial, I will provide you with simple steps on how to install Bootstrap 5 and how to create auth scaffolding using Bootstrap 5 in Laravel 12.

How To Install Bootstrap Auth Scaffolding in a Laravel 12 Example

So, let’s follow the steps below:

Install Laravel 12

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

laravel new example-app

Install Laravel UI

Let’s run the below command to install the Laravel UI package:

composer require laravel/ui

Next, you have to install the Laravel UI package command for creating auth scaffolding using Bootstrap 5. So let’s run the below command:

php artisan ui bootstrap

php artisan ui bootstrap --auth

Now, let’s run the below command to install npm:

npm install
npm run dev

It will generate CSS and JS min files. You Can Read More From DevScriptSchool

How to send email using a Gmail account in laravel 12

Msh Sayket — Thu, 13 Mar 2025 08:33:25 +0000

In this post, I will show you step by step how to send email using a Gmail account in laravel 12 application.

Laravel 12 provides an inbuilt mail configuration for sending emails. You can use several drivers for sending emails in laravel 12. You can use SMTP, Mailgun, Postmark, Amazon SES, and send email. Here in this example, we will use Google Gmail mailer driver for sending email.

How to send email using a Gmail account in laravel 12

Install Laravel 12

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

laravel new example-app

Step 2: Make Configuration

In the second step, you have to add the mail configuration. Set the mail driver as “gmail”, the mail host, mail port, mail username, and mail password. Laravel 12 will use these sender details for emails. You can simply add them as follows:

.env

MAIL_MAILER=smtp
MAIL_HOST=smtp.gmail.com
MAIL_PORT=465
MAIL_USERNAME=mygoogle@gmail.com
MAIL_PASSWORD=rrnnucvnqlbsl
MAIL_ENCRYPTION=tls
MAIL_FROM_ADDRESS=mygoogle@gmail.com
MAIL_FROM_NAME="${APP_NAME}"

Make sure you have to enable Google security setting from your Gmail. Go to Google account and click on “Account”. Once you are on the “Account” page, click on “Security”. Scroll down to the bottom and you will find “Less secure app access” settings. Set it as ON. Read More from DevScriptSchool

How To Import And Export Excel And Csv Files In Laravel 12

Msh Sayket — Thu, 13 Mar 2025 08:30:52 +0000

In this example, I will show you how to import and export excel and csv files in laravel 12 application.

We will use the maatwebsite/excel composer package for import and export tasks. In this example, we will create a simple form for input where you can upload a CSV file and create multiple users. Then, I will create an export route that will download all users from the database in an Excel file.

So, let’s follow the steps below to create the import and export function in a Laravel 12 application. You can export files with .csv, .xls, and .xlsx extensions. You Can Learn How to add form validation in laravel 12 Example

How To Import And Export Excel And Csv Files In Laravel 12 Example

Step 1: Install Laravel 12

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

laravel new example-app

Step 2: Install maatwebsite/excel Package

In this step, we need to install the maatwebsite/excel package via the Composer package manager. Open your terminal and enter the following command:

composer require maatwebsite/excel

Step 3: Create Dummy Records

In this step, we will create some dummy records for the users table so we can export them later. Let’s run the following Tinker command:

php artisan tinker

User::factory()->count(10)->create()

Step 4: Create Import Class

In Maatwebsite version 3, a way is provided to build import classes, which need to be used in the controller. It would be a great idea to create a new Import class. So, you have to run the following command and make the necessary changes to the code in that file:

php artisan make:import UsersImport --model=User

Read Full Tutorials

How to add form validation in laravel 12 Example

Msh Sayket — Thu, 13 Mar 2025 08:27:38 +0000

In this example, I will show you how to add form validation in laravel 12 application.

Laravel 12 provides a request object to add form validation using it. We will use request->validate() for adding validation rules and custom messages. We will use the $errors variable to display error messages. I will show you a very simple step-by-step example of how to add form validation in the Laravel 12 application. You Can Learn How to generate pdf file in laravel 12 using dompdf Example

So, let’s see the example below for adding form validation.

How to add form validation in laravel 12 Example

Step 1: Install Laravel 12

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

laravel new example-app

Step 2: Create Controller

In this step, we will create a new FormController for adding form validation. In this controller, we will add two methods called create() and store(). So let’s create a new controller using the following command.

php artisan make:controller FormController

Next, let’s update the following code in that file. Read More

How to generate pdf file in laravel 12 using dompdf Example

Msh Sayket — Tue, 11 Mar 2025 05:23:44 +0000

In this post, I will show you how to generate pdf file in laravel 12 using dompdf composer package.

We will use the DomPDF Composer package to generate a PDF file in Laravel 12. We will create 10 dummy users and some dummy text to add to the PDF file. So, let’s follow the steps below to create the PDF file:

How to generate pdf file in laravel 12 using dompdf Example

Step 1: Install Laravel 12

This step is not required; however, if you have not created the Laravel app, then you may go ahead and execute the below command:

laravel new example-app

Step 2: Install DomPDF Package

Next, we will install the DomPDF package using the following Composer command. Let’s run the command below:

composer require barryvdh/laravel-dompdf

Step 3: Create Controller

In this step, we will create a PDFController with a method called generatePDF() where we will write the code to generate a PDF. So, let’s create the controller using the command below. You Can Learn Laravel 12 Image Upload Example Tutorial

php artisan make:controller PDFController

In the PDFController, we also get users table data and display it into a PDF file. So, you can add some dummy data to the users table by using the following Tinker command:

php artisan tinker

User::factory()->count(10)->create()

Now, update the code in the controller file.

app/Http/Controllers/PDFController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\User;
use PDF;

class PDFController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function generatePDF()
    {
        $users = User::get();

        $data = [
            'title' => 'Welcome to ItSolutionStuff.com',
            'date' => date('m/d/Y'),
            'users' => $users
        ]; 

        $pdf = PDF::loadView('myPDF', $data);

        return $pdf->download('itsolutionstuff.pdf');
    }
}