Angular Material CRUD Complete Project Tutorial with Firebase - Build a Shop CRUD App

Published: 02 June 2022
on channel: blume0F
1,322
35

In this video we'll be making a Angular CRUD Application where user can post their shop details. We'll use Angular Material-UI for the frontend components and firebase for backend, storage, authentication and deployment.

I would suggest you to have basic knowledge of Angular before you dive into this tutorial like Directives, component commmunication in angular. Visit this project at : https://chukkhuwala.web.app/

Install Angular : https://angular.io/cli

Github repo for this youtube project - https://github.com/blume0F/chukkhuwal...

Github repo for project that is currently deployed - https://github.com/blume0F/chukkhuwal...

FEEL FREE TO CONNECT WITH ME ON THESE PLATFORMS :]

Personal Website : https://blume0f.github.io/portfolio/
LinkedIn :   / abhishek1399  
Github : https://github.com/blume0F
Twitter :   / blume0f  

TimeStamp :
00:00 Intro
00:05 What we'll be creating
02:52 Setting up application
07:14 Sketch of what we'll create
09:16 Home Component
18:55 Dialog Component
47:10 Setting up Firebase
51:38 Creating shop service and making the form work
01:18:05 Dashboard Component - GET shop details and show in mat-card
02:00:36 Dasboard Component - UPDATE and DELETE shops
02:18:42 IMPORTANT! Fix for mat-chip input
02:19:50 Filtering
02:21:02 Adding Authentication and MyShop Component
02:54:29 About Page Component
03:03:22 Sign In Page Component
03:09:50 FIX! Showing Authenticated user name in Dashboard Page
03:12:37FIX! Showing Posted-By name and image in MyShop and Dashboard Component
03:17:57 Only the original creator of post can update or delete the data
03:21:05 Deploying our Angular app in firebase
03:26:23 Begging for subscribers & motivational talk :]

***SORRY FOR BAD ENGLISH :P

Music in this video :
Song : Fusion
Artist : Benly
Licensed to YouTube by
Republic Network (on behalf of Benly Production Music); BMI - Broadcast Music Inc., JWC Entertainment (Music Publishing), and 2 Music Rights Societies


Watch video Angular Material CRUD Complete Project Tutorial with Firebase - Build a Shop CRUD App online without registration, duration hours minute second in high quality. This video was added by user blume0F 02 June 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,322 once and liked it 35 people.