Angular 15 CRUD app using material UI | JSON-server | step by step

Angular 15 CRUD operation from scratch using Angular Material UI components.
Building a CRUD application is a basic step to learning to integrate the front end with the back-end. CRUD stands for the four functions create, read, update, and delete in computer programming. They are used to implement persistent storage applications:
SOURCE CODE: github.com/Tariqu/angular-cru...
Prerequisites
Angular CLI
Node.js
Visual Studio Code
Angular routing in detail: • Update your Angular ap...
Update to angular v15: • Update your Angular ap...
Standalone component and new way of routing: • Getting started with s...
Deploy Angular app to S3 Bucket: • How to Deploy Angular ...
Get in touch on social media:
Instagram: / tariquerkl
LinkedIn: / tarique-akhtar-ansari-...
Telegram: t.me/TechnicalbabajiYT
Twitter: / tariqueakht

[@tommystephen9146]

After watching the full project, It's difficult go without subscribing to your channel. Good work! keep it up

[@harishshah8967]

just started learning angular this was a great project to start and apply what i have learnt so far

[@user-wh7lz5de3r]

man that was the most constructive guide, which helped me to learn TS and Angular. Like!!!

[@ANJANALAKMAL]

Thank you for using the readily available components and showing how to customise them.

[@whyjaywonders]

Superb Video. Kudos. Great job. This video shows how good is Angular in giving the developers a full fledged - batteries included framework.

[@Lucky-ef5md]

Awesome work sir 😊 Thanks a lott for this video , it helped me really well to understand how the flow is going very calmly 😊💕

[@geraldsy]

Thank you for this video! it is very clear and easy to follow. You have a very good talent in teaching coding! goodjob!

[@bougarestaher6873]

i have a pprbl can corrrect with me plz

[@fernandocortex2354]

Thanks men, it really helped me a lot, I appreciate it.✌🏾greetings from Honduras🇭🇳

[@costagmc1]

you have a wonderful teaching skill. thanks for the tutorial. Keep on doing. not a single useless word. you will be successful for sure.

[@ravindrasarode6752]

Thanks a lot Sir, today i have completed this project and really enjoy it, you are rock for teaching all things, Great Job Sir, Thanks again

[@HemangGupta-gp7rf]

Thanks alot! i had to learn CRUD operations asap and this video is really educational.

[@rahmatfadhilah1143]

Awesome, best tutorial CRUD Angular ever seen. Thank you sir

[@lijolukose6965]

Thank you so much!! You did a great job in explaining each elements. Very useful.

[@utkarshgautam1940]

mera dout bata de bhai

[@siegfriedboeken5757]

Here is Sigi from Germany. Thank you for this tutorial. For Beginners it's very good to unterstand Angular and Angular Material

[@enjamlaluprasad376]

correct

[@nadellaella6416]

you are the best sir!! thank you for creating the best and most helpful content

[@jasminteks6057]

Thank you Babaji, very simple way of explaining some important things, i learned a lot and U have a very good teaching skills, many greetings for you

[@suryaguthula6531]

Thank you.FANTASTIC.very nicely Explained.you are always awesome.

[@RitikKumar-qd9dy]

Thank you sir. I have coded along with you and It was really helpful. I come from React background but companies requirement was to learn angular. and I found this amazing tutorial. Thanks again. 🤩🤩

[@user-ek9oe7qz4o]

Same situation as like you

[@manishupadhyay1017]

Please help, I am getting an error that Formgroup not found...What should I do Plz help

[@zishanshaikh02]

Same

[@abylinjohnson]

Same here

[@utkarshgautam1940]

i totally loved it,everything u taugh is working fine.the way u explain everything is very nice,thnaks you

[@shreyaakaranjkar8459]

BEST tutorial for beginners! I didnt get stuck on any error and developed same code along with ur video !! Otherwise many a times had to leave videos watching in between as couldnt understand .... Thanks a lot.. Any one confirming from comment section GO FOR IT!!

[@anniepan8096]

I also too.

[@carlosporras2011]

Thank you so much, this was very helpful and easy to follow :D

[@chandrakanthb4172]

Excellent Content in a Single Video. 👍👍👍

[@demonakash68]

Thank you sir.. Best angular video on youtube.

[@jakovtrbara9509]

Thank you very much Sir. This was the best tutorial I've ever seen on CRUD. I am a beginner so this was really helpful.

[@hherreranqn]

Excellent work. It has been very useful for me. Thank yoy very much!!!

[@user-fd3yr5eo4g]

Very nice video, I have learned so much from that. thanks for sharing.
one thing on the video was very annoying to me, each some minutes there was a sound of charger-in and out on the video, and everytime I thought that's my computer. 😂😂😂😂😂😂

[@davidmatoska975]

Thank you from France

[@INSANE_EDITZ651]

Thank you so much, this was very helpful and easy.

[@francisbanda1614]

thank you sir, this is fantastic, looking forward for more videos

[@bougarestaher6873]

i have a pprbl can corrrect with me plz

[@arpena2010]

Really good! Thanks ! Helped me a lot!!

[@clarel738]

Thank you so much! It was very helpful

[@mohammedshahrukhalam9846]

Thank you so much for the video. it really help me a lot .

[@naveenrajukopparthi3046]

Thanks to you and Angular Material.

[@tonym5857]

I do really apreciate this video 👏👏👏👏👏👏

[@hoangphuc1072]

Awesome work sir thanks a lot for the video, very helpful

[@finnieDra]

Thank you so muchhhhh. It's really helpful

[@bolivar.13]

incredible work , thank you

[@cassianopacheco5407]

An angel? No, just Technical Babaji... Thanks, mate!

[@jonazunigaibarra2150]

thank you so much, you are the best!!!!!!!!!

[@saminserge2674]

Many thanks for this video !

[@AliHassanLearnMVC]

Great yrr ... Welldone bro ... God bless you

[@venkateswarluA-yn8hj]

its nice and I lent lot form this video. thank you

[@daniel20117812]

great video, thank you very much!

[@user-gq2ru9jg8r]

Really a good tutor🤩

[@adityaghongate]

really nice for beginners, good understanding and make more video for beginners

[@bougarestaher6873]

i have a pprbl can corrrect with me plz

[@negenalamjiyn6637]

Thanks, man! It was really helpful!

[@TechnicalBabaji1]

Glad it helped!

[@naturelove7334]

Very nice session ❤

[@kyumaru6]

Awesome, thank you.

[@kelwinggerson]

Tks very much for this video!!

[@thomasfrimpong6636]

Excellent explanation

[@YoursAnil9333]

very good explanation bro!...

[@GGSoft2009]

You are a good person!!!! THanks

[@nijilnmk7775]

Awesome and able to do the sample with 0 issues

[@aadityaagrawal11]

Great work!!

[@MaxParedes]

nice video well explained thank you!

[@beemlanayak2.043]

Thank you soooooo much bro 🎉🎉

[@MegaKeitaa]

Great video, thanks a lot

[@mahdiandalib186]

nice my friend, plz make more videos and create full web app using angular / kendo / angular material

[@DanielValerioBroncano]

Thanks! you're the best

[@velmayilvaiyapuri4137]

Thank you for this 🎉

[@omkarsable2352]

Nicely done

[@pedrotavares41]

Nice tutorial!

[@manjushakatakam6803]

Great explanation Thankyou sir
I am struck While update form

[@silvanarodriguez250]

Excelent video :)

[@nklymok]

Tnanks, you're awesome!

[@jupudimanikantaswamy1602]

Thanks bro🎉,
I am really happy to subscribe your channel please share more videos.

[@Vamsi3034]

Awesome work thanks for the video but I have one doubt. After completing this crud application can I host this on a public domain and will it work with crud operations with json server after deployment ? Can you please clarify this for me ? Thanks in advance !

[@levankhachidze3030]

Thank you!!

[@anupamchauhan8792]

Thankx sir

[@bladesphere]

Thanks!

[@price-action-trading]

Thank you so much

[@CodeSample360]

Thanks for this video

[@TechnicalBabaji1]

Most welcome

[@siamform3126]

You are the best

[@Eya_belhaj]

thaaank youu veryy much

[@behappy3816]

Thanks you ❤

[@suryaprakash-xn7jm]

Thanks you bro

[@crisanbogdan3212]

Good job

[@hafsaakzoun6068]

I tried to place two input elements next to each other horizontally like you did in the video, but they appeared vertically even when I added 'display: flex' to the div with the 'row' class. Do you have any suggestions?

[@ibrahimgidi1024]

If u wrap it up under div element and give it class name eg:register-form then apply display: flex, It may work

[@hafsaakzoun6068]

@@ibrahimgidi1024 thanks it works now 😊

[@user-cp5xu8in6o]

Thanks brother

[@bharadwaj-gaming]

Kudos

[@sivas3656]

Really useful video❤, can you do that using backend api from using visual studio also

[@marilu9138]

Excelente

[@schelldaniel]

Thank you very much for this awesome and easy-to-go tutorial.
Is it possible to getting it working github-pages or any other free hosting?
How the json server will run on any hosting?

[@emeric-zr9yg]

thank you for this video, i have a question, dob is required, how make it not required ?

[@TheExplorer_09]

My data table component is in one directory and I am using that in different component which is in different directory. Although I have imported the data table component into the component where I am using this, I am getting error - error NG8002: Can't bind to 'dataSource' since it isn't a known property of 'mat-table'. I have already imported MatTableModule. Any help would be appreciated.

[@sujis3524]

Thank you sir. Can you please explain 1."how to open view dialog with relevant data by id"?, 2.add remove column dynamically in table? Thanks in advance.

[@jonibektoirov9138]

Brat gap yo rahmat at dushi

[@surisurendrababu]

color:"primary" is not working in angular 18

[@deltateam2348]

sir after finish this project it seems look like there is no responsive layout so what should i do ?

[@shaikrahim8071]

good job bro

[@TechnicalBabaji1]

Thanks for the visit

[@benzianmuhammd2277]

if to create many tables crud independently and calculate sum amount?

[@amrutavelankar5879]

Constructor ko always app component me hi declared karna hain kya

[@WatchEverything1]

Why did we use observables in services there?...like if I don't apply it in CRUD what will happen?

[@PavanKumar-lv8xe]

Thats is great i followed same, could please explain how to this same project to Xampp server and database from myphpadmin. If you explain i can believe we can some more knowledge on it.
Thank You very much for videos

[@HSA-]

Is there a course or study guide to learn Angular Material? I come from a React background and at first glance, it looks like there is a lot to know about each 'Mat' Component. 🤯

[@supriyamishra4923]

Can we make the search filter dynamic ?

[@thaskarthaskaran1425]

In the same how can we do admins have the ability to add , delete, and edit

[@BHAVESHMADHUSUDHANKARAPU]

I have imported all the age required modules but it shows module not imported any suggestions?

[@jamesoo1727]

I'm tried but json server not created a automatically id??

[@siddikshaikh6373]

✨✨