Laravel 10 CRUD app

In this tutorial we’ll create Laravel 10 CRUD app using default Breeze starter kit which comprise of Blade templates along with Tailwind CSS and AlpineJS. Laravel 10.x requires a minimum PHP version of 8.1. This tutorial assumes that you are using Linux, MacOS or WSL on Windows and Node.js, Composer and PHP 8.1 along with … Read more

Invoicing app in Laravel 9 using TALL stack – part 2

We continue from Part 1 where we created Livewire components for Customer and Item models; now, let’s move onto Invoice model and get the real stuff done. If you happened to land here randomly, then first go through the following articles chronologically since these are the prerequisite before you proceed here any further: Having followed … Read more

Invoicing app in Laravel 9 using TALL stack – part 1

In this article, we’ll build the invoicing app using Laravel 9 TALL (Tailwind, Alpine, Laravel, Livewire) stack. If you want to develop this invoicing app in more traditional way using Bootstrap and jQuery, then follow this link. Or if you want to develop the same using VILT (Vue, Inertia, Laravel, Tailwind) stack, then follow this … Read more

Invoicing app in Laravel 9 using VILT stack – part 2

We continue from Part 1 where we created controllers and views for Customer and Item models; now, let’s move onto Invoice model and get the real stuff done. If you happened to land here randomly, then first go through the following articles chronologically since these are the prerequisite before you proceed here any further: Having … Read more

Invoicing app in Laravel 9 using VILT stack – part 1

In this article, we’ll build the invoicing app using Laravel 9 VILT (Vue, Inertia, Laravel, Tailwind) stack. If you want to develop this invoicing app in more traditional way using Bootstrap and jQuery, then refer to previous couple of articles. In order to continue here, you need to go through a couple of articles where … Read more

Invoicing app in Laravel 9 using Bootstrap and jQuery – Part 2

We continue from Part 1 where we created controllers and views for Customer and Item models; now, we’ll move onto Invoice model and get the real stuff done. If you happened to land here randomly, then first go through the following articles chronologically since these are the prerequisite before you proceed here any further: Having … Read more

Invoicing app in Laravel 9 using Bootstrap and jQuery – Part 1

We continue our journey of building the Invoicing app in Laravel 9. In order to continue here, you need to go through last couple of articles where we defined models, migrations and invoice template. Following are the links to those previous articles which are prerequisite before proceeding ahead in this article: So, let’s continue from … Read more

Dynamic input fields using Alpine

In this tutorial we’ll use Alpine.js in order to achieve dynamic input fields functionality. In previous article we used Vue to have the same functionality. Alpine is similar to Vue syntax-wise, however, it’s very lightweight as compared to Vue. Sometimes Alpine is regarded as modern replacement to jQuery and it forms an integral part of … Read more

Dynamic input fields using Vue

In previous article we employed jQuery to create dynamic input fields in an old fashion way. Let’s move ahead and use Vue to create the same functionality with modern syntax. Here we’ll use Tailwind along with Vue for managing look and feel. Remember this, incorporating Vue and Tailwind directly using <script> is not recommended – … Read more

Dynamic input fields using jQuery

In this article, we’ll learn how to create dynamic input fields using jQuery. Creating dynamic input fields is one of the most common techniques applied in web-app development; for instance, in an invoicing app, one needs to enter multiple inventory items in an invoice. Since exact number of inventory items are unknown at the start, … Read more