Building Apps with Angular and Firebase

on YouTube ↗30m

" summary

Builds a real time kanban with Angular Material and Firebase Firestore, implements drag and drop across three columns with CDK drag directives, supports create edit delete and atomic moves via transactions, and deploys with ng deploy to Firebase Hosting. Data moves from in memory arrays to a Firestore-backed Firestore collection "to-do" observable and a BehaviorSubject fix preserves local optimistic reordering. Demo shows a working app, live DB writes, and notes on ordering and multiuser data model.

AI-written summary · about

" chapters (5)

1. 0:00Start
2. 16:00Improving the layout
3. 18:16Editing and deleting tasks
4. 25:51Improving Optimistic Updates
5. 28:57Further development

" related talks

• 18mBuild a scalable web app with Firebase in 20 minutesMinko Gechev, James Daniels · Firebase Summit 2020
• 45mBuilding a web application with Angular and FirebaseMark Thompson · Google I/O 2021
• 21mThe Best 20 Minute Angular & Firebase Video You’ll Ever SeeDavid East · ng-conf 2020: Hardwired
• 22mBuilding Angular2 & Firebase applicationFáris Ismail · Ng-Poland 2017
• 29mProgressive Web Apps with Angular and FirebaseErik Haddad · AngularUP 2017
• 02h 33mBuilding Modern Web Applications with FirebaseArman Murzabulatov · JavaScript fwdays’23
• 39mHow AngularDart & Firebase did an App togetherJana Moudra · GDG DevFest Ukraine 2017
• 49mLet Firebase help you to build better Web appsJuarez Filho · GDG DevFest Hamburg 2017