How to Add jQuery UI autocomplete in Livewire – Laravel

Autocomplete widget in the jQuery UI library displays an items list that matches with the search value in the textbox.

You can either predefine its data or load it dynamically.

In this tutorial, I show how you can add jQuery UI autocomplete in the Livewire component in your Laravel 9 project.

How to Add jQuery UI autocomplete in Livewire - Laravel

Read more

How to Upload and Store file to MySQL database – Laravel 9

Storing files in a  database makes managing large amounts of data easier, particularly if they are interrelated with a record. For example – A profile picture or documents of a user, product images, etc.

In this tutorial, I show how you can upload and store file to the MySQL database in the Laravel 9 project and also show how you can retrieve them.

How to upload and store file to MySQL database - Laravel

Read more

How to Add Date range filter with Livewire pagination in Laravel

Using pagination you can divide a large list of records into multiple pages and show a limited number of records per page.

But if the search filter is not available with pagination then traversing the paginated result becomes difficult.

In this tutorial, I show how you can add a date range filter with Livewire pagination in Laravel 9.

In the example, I am using jQuery UI library for datepicker.

How to Add Date range filter with Livewire pagination in Laravel

Read more

Add CKEditor 5 and save it to MySQL database in Laravel

CKEditor is a widely use WYSIWYG (What You See Is What You Get) editor. It provides all the basic features that are required for formatting.

The editor works perfectly but you need to write extra code for file upload through the editor.

In this tutorial, I show how you can add CKeditor 5 to an HTML element and save it to the MySQL database in Laravel 9.

Add CKEditor 5 and save it to MySQL database in Laravel

Read more