How to Create Post Like and unlike Button in Laravel

Post Like and unlike Button in Laravel

In this section, we will create like and unlike buttons for posts in Laravel. For this tutorial, we will use Laravel along with the rtconner/laravel-likeable package. For authentication, we will use Laravel Breeze. Step 1: Create Laravel Project Installing a fresh…

How to Add Dark Mode in Laravel 9 with Tailwind CSS

Add Dark Mode in Laravel 9

In this section, we’ll implementing dark mode in Laravel 9 using Tailwind CSS and Alpine.js. We’ll leverage Laravel Breeze, which comes pre-packaged with Tailwind CSS and Alpine.js. Alternatively, Laravel Jetstream can also be used. Initially, we’ll install Tailwind CSS with…

Install Daisy UI Tailwind in Laravel

Install Daisy UI Tailwind in Laravel

In this section, we will explore how to integrate Daisy UI as a Tailwind CSS component library in Laravel 9. Daisy UI is a free and open-source library that provides Tailwind CSS components using short classes similar to Bootstrap, such…

Laravel 9 REST API CRUD Tutorial Example

laravel 9 api crud

In this section, we will explore how to create a REST API CRUD application in Laravel 9. This tutorial will guide you through building a simple yet clean Laravel API CRUD using Requests for validation and Resources for displaying important…

4 Ways to Center a Div in Tailwind CSS

Center a Div in Tailwind CSS

In this section, we’ll explore how to center a div in Tailwind CSS. We can achieve horizontal and vertical centering using both grid and flex. Tailwind CSS Div Center Center a div using Tailwind Flexbox classes .flex, .justify-center, and .items-center.…

How to Use Flexbox in Tailwind CSS

How to Use Flexbox in Tailwind CSS

In this tutorial, we’ll explore examples of using the flex property in Tailwind CSS. We’ll cover various useful flex classes, including flex-direction (flex-row, flex-row-reverse, flex-col, flex-col-reverse), flex-wrap (flex-nowrap, flex-wrap, flex-wrap-reverse), and flex justify classes (justify-start, justify-end, justify-center, justify-between, justify-around, justify-evenly).…