Building a web application with Angular and Firebase

on YouTube ↗45m

" summary

Creates a working Kanban Fire app: project scaffolding with Angular CLI, UI with Angular Material, drag and drop via the CDK drag-and-drop, and integration plan for Firebase/Firestore through AngularFire. Concrete claims: generates components and interfaces, implements material cards, dialogs and animation, and moves tasks between three lanes. Compilation succeeds and drag‑and‑drop works in the dev server; live Firebase wiring and async observables remain unfinished during the session but deployment steps are shown.

AI-written summary · about

" chapters (16)

1. 0:00Start
2. 0:42Requirements
3. 2:15Create a New Project
4. 11:57Angular Material
5. 12:36Add in some Material Components
6. 13:03Material Toolbar
7. 17:34Input and Output
8. 28:04Drop Function
9. 32:25Material Dialog
10. 33:18Create the Task Dialog Component
11. 37:19Task Import
12. 40:07App Styles
13. 41:48Add Firebase to this Project
14. 42:16Angularfire
15. 42:42Create Your Firebase Project
16. 43:06Adding the Code

" related talks

• 18mBuild a scalable web app with Firebase in 20 minutesMinko Gechev, James Daniels · Firebase Summit 2020
• 30mBuilding Apps with Angular and FirebaseMinko Gechev · TSConf 2020
• 02h 33mBuilding Modern Web Applications with FirebaseArman Murzabulatov · JavaScript fwdays’23
• 21mThe Best 20 Minute Angular & Firebase Video You’ll Ever SeeDavid East · ng-conf 2020: Hardwired
• 29mProgressive Web Apps with Angular and FirebaseErik Haddad · AngularUP 2017
• 34mAngular is on Fire(base)!Shmuela Jacobs · JSPoland Conf 2017
• 22mBuilding Angular2 & Firebase applicationFáris Ismail · Ng-Poland 2017
• 39mHow AngularDart & Firebase did an App togetherJana Moudra · GDG DevFest Ukraine 2017