Invoicing app in Laravel 9 – migrations and models

With the knowledge we acquired in last few articles surrounding Laravel 9 ecosystem, let’s build something concrete – a kind of full-fledged business app. So, in next few articles, we’ll gradually build an Invoicing app using tech stacks available to Laravel 9. Well…let’s start the marathon. In this article we’ll create migrations and models for … Read more

Dynamic input fields using Livewire

In this tutorial, we’ll create dynamic input fields using Livewire, a full-stack framework for Laravel to make reactive components. We’ll use Laravel 9 for this tutorial, however any latest version of Laravel should also work. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that Composer and PHP 8 along with required … 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

Dependent dropdown using Livewire in Laravel 9

In last couple of posts we used pure JS and Vue respectively in order to create dependent dropdown (dynamic select menu) in a Laravel 9 app. Now, let’s employ Livewire in Laravel 9 in order to achieve the similar results. For this article we’ll utilize the models and data created in a previous article. So, … Read more

Dependent dropdown using Vue in Laravel 9

In last post we used pure JavaScript with Axios in order to get dependent dropdown (dynamic select menu) feature in a Laravel 9 app. Apparently, the code seemed a bit of mess while using pure JavaScript to make Ajax calls and generate HTML elements on the fly. Now, let’s employ Vue as in VILT (Vue … Read more

Dependent dropdown using Axios in Laravel 9

In this article we’ll create dependent dropdown / dynamic select menu using Axios and pure JS in Laravel 9. For this article we’ll utilize the models and data created in a previous article. So, first follow the steps given there for creating models, migrations, and relationship and then continue from here. By following the above-mentioned … Read more

One-to-many relationship in Laravel 9

In this article we’ll learn how to define models / tables in Laravel 9 with one-to-many relationship, one of the most common relationships between tables in a database. Then we’ll seed some data into these related tables and check the relationship functions. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that … Read more