DEV Community: Hardik Savani

Angular 13 CRUD Application with REST API

Hardik Savani — Sat, 11 Dec 2021 04:59:44 +0000

Hi All,

Hello all! In this article, we will talk about angular 13 crud application example. you can understand a concept of angular 13 crud operations with web api. Here you will learn angular 13 crud app. We will look at example of step by step crud operation in angular 13.

As we know, currently angular 13 version is released a few months ago. angular 13 provide more feature and improvements. so if you are new or you want to learn crud application in angular then this post will help you to build crud operation in angular 13 with bootstrap 5.

Now, i don't want to confuse here, i will go strait step by step. you need to just follow few step to build crud app in angular 13 application. After completed all steps, you can see layout like as bellow preview.

In this example we will create post crud module with list, view, insert, update and delete post. we will use web service api of jsonplaceholder. so we can easily use their created api. jsonplaceholder provide all apis that we require like list, view, create, delete and update.

Link: https://www.itsolutionstuff.com/post/angular-13-crud-application-example-tutorialexample.html

Angular 13 Form Validation Tutorial Step by Step

Hardik Savani — Sat, 04 Dec 2021 04:06:49 +0000

Hi,

Today, i will let you know example of angular 13 reactive forms validation. you can understand a concept of angular 13 forms validation example. if you have question about angular 13 reactive forms example then i will give simple example with solution. you can understand a concept of reactive form validation in angular 13. Here, Creating a basic example of angular 13 form validation example.

Reactive forms provide a model-driven approach to handling form inputs whose values change over the time. In Reactive forms, we need to import "ReactiveFormsModule" from angular forms library. we will use FormControl, FormGroup, FormArray, Validation classes with Reactive forms in angular 13 app.

If you have simple and basic form in your angular 13 application then i will prefer to use Reactive forms in angular. here i write simple example of Reactive forms with validation in angular 13.

You need to follow bellow step to create reactive forms in angular 13.

Article: https://www.itsolutionstuff.com/post/angular-13-reactive-forms-validation-tutorial-exampleexample.html

Thank you

How to Deploy Web App with Laravel Vapor?

Hardik Savani — Mon, 05 Jul 2021 14:24:59 +0000

Hi All,

In this tutorial we will go over the demonstration of how to deploy project with laravel vapor. i would like to show you laravel vapor setup project. i explained simply about laravel vapor deploy web app. I’m going to show you about laravel serverless aws using vapor. you will do the following things for php laravel vapor aws setup.

Laravel introduce vapor for auto-scaling, serverless deployment platform for Laravel, powered by AWS Lambda. you can increase high traffic scalability using laravel vapor with AWS Lambda. Also Laravel Vapor provide domain management, Database Management, Environments Management, Queues, Storage, Networks, Cache, Logs etc.

Here, i will give you step by step information about how to setup your laravel project with vapor and aws lambda. so you must have AWS Account and Vapor Account you have. you just have to follow bellow steps and you can deploy your first app.

Link: https://www.itsolutionstuff.com/post/how-to-deploy-project-with-laravel-vaporexample.html

Laravel Inertia JS Pagination Tutorial

Hardik Savani — Wed, 05 May 2021 05:47:21 +0000

Hi Guys,

Today, I will learn you how to use inertia js pagination in laravel. We will show example of laravel inertia js pagination.if you want to see example of laravel inertiajs pagination then you are a right place. i explained simply about pagination in laravel inertia js.

We will give you step by step simple example of how to add pagination using laravel inertia js. I will use laravel breeze with inertia to creating this example.

Here, I will give you full example for inertia js pagination using Laravel as bellow.

Link: https://www.mywebtuts.com/blog/laravel-inertia-js-pagination-tutorial

Laravel Sanctum API Token Tutorial

Hardik Savani — Tue, 05 Jan 2021 04:06:53 +0000

Here, i will show you laravel sanctum spa authentication. This article will give you simple example of laravel sanctum api authentication. you can understand a concept of laravel sanctum api auth. i would like to share with you laravel sanctum api tutorial. Here, Creating a basic example of laravel sanctum mobile authentication.

you can easily create api using sanctum in laravel 6, laravel 7 and laravel 8 version.

Laravel Sanctum provides a simple authentication system for SPAs (single page applications), mobile applications, and simple, token based APIs. Sanctum also allows each user of your application to generate multiple API tokens for their account.

So you also want to create api for your mobile application than you can follow this tutorial for how to create rest api step by step with laravel and sanctum. If you are new than don't worry about that i written tutorial step by step.

Read: https://www.itsolutionstuff.com/post/laravel-sanctum-spa-api-authentication-exampleexample.html

Angular Material Datepicker Format Example

Hardik Savani — Tue, 29 Dec 2020 04:03:27 +0000

Hi Bro

This article is focused on angular material datepicker change date format. This article goes in detailed on how to change date format in angular material datepicker. This article will give you simple example of angular datepicker format dd/mm/yyyy. you will learn angular datepicker format yyyy-mm-dd.

Laravel Fullcalendar Ajax CRUD

Hardik Savani — Tue, 15 Dec 2020 07:03:37 +0000

Hi All,

This example is focused on laravel 8 fullcalendar example. this example will help you laravel 8 fullcalendar tutorial. Here you will learn how to use fullcalendar in laravel 8. you'll learn laravel 8 implement fullcalendar. Alright, let’s dive into the steps.

In this example, we will simply create crud application with fullcalender so you can easily create event, edit event by drag and drop and delete event. in this example we will create events table with start, edit date and title column. then you can add, edit and delete that event with database.

Laravel 8 Livewire CRUD with Jetstream

Hardik Savani — Tue, 22 Sep 2020 04:02:54 +0000

In this example i will show you step by step laravel 8 jetstream livewire crud app with modal tailwind css.

Laravel 8 jetstream designed by Tailwind CSS and they provide auth using livewire and Inertia. i will show you how to create module with livewire on default jetstream auth in laravel 8.

Here, bellow i written step by step, so you can easily start simple post master with your existing step up of laravel 8 jetstream auth with tailwind css. you just need to follow few bellow step and you will get layout as like bellow:

Link: https://www.itsolutionstuff.com/post/laravel-8-livewire-crud-with-jetstream-tailwind-cssexample.html

Angular 10 Define Global Variable Example

Hardik Savani — Wed, 19 Aug 2020 03:26:28 +0000

This article will give you example of angular 10 global variable for all components i would like to share with you global variable in angular 10 This post will give you simple example of dynamic global variable in angular 10 This tutorial will give you simple example of angular 10 access global v

Angular 10 Http Request Example Step by Step

Hardik Savani — Wed, 19 Aug 2020 03:17:27 +0000

In this tutorial i will show you simple example of httpclient request with angular 10 app you can easily send http request in angular 10 application we will create httpclient service to getting data using HttpClientModule and HttpClient in angular 10Every App must important to sending

Angular 10 Button Click Event Example

Hardik Savani — Tue, 18 Aug 2020 03:44:46 +0000

In this quick example lets see angular 10 button call component function step by step explain angular 10 call component function on button click if you have question about angular 10 click event example then i will give simple example with solution youll learn angular 10 click event example y

Angular 10 Routing and Nested Routing Tutorial

Hardik Savani — Tue, 18 Aug 2020 03:30:39 +0000

In this quick example lets see angular 10 routing example you will learn angular 10 nested route example This post will give you simple example of angular 10 routing example this example will help you nested routing in angular 10 So lets follow few step to create example of nested router out