Drag & Drop file uploader with Angular and Firebase

We're building a drag-and-drop file uploader using Angular 11, Firebase Storage, and Firebase Cloud Firestore database.

Timestamps
0:00 - intro
0:52 - Firebase app
2:30 - Angular app
4:36 - combine Firebase and Angular
6:18 - dropzone code

Thumbnail Photo by John Petalcurin from Pexels

[RicShaa]

Awesome tutorial, clean and simple! Thank you for your time spent making this.

[renzokuken]

Bravo! Brilliant content and tutorials! Keep up the great work!

[figueduff]

Excellent, thank you!
a suggestion for the next one: lazy loading with canload

[bis]

thanks a lot ! so easy with you ! i'm looking for a carrousel now for mix the both !
thanks !

[vielutvie]

Absolutely awesome.. my app running well follow your step in first compile.. thanks for video

[marcellamoreira]

hi ryan can you make a video about the setPersistence in firebase?how to checkout after sometime with no action

[ghatfan]

Thanks a lot for your vido, it is very clear and simple :)

[anthonymeeks]

Its a wonderful video and I am trying to implement it. I'm running into some event errors and I hope you can walk me though it. When your passing $event to your toggleHover method, it says "event is not assignable to type boolean". Same as passing $event to the onDrop method, it says "event is not assignable to type FileList." How do you set up $event so these parameters are passed? Thanks in Advance.

[dyasa]

Thanks for the video. I have a little problem in
pct | number

[bis]

Hello di ry ! Do you have a tutorial or a guide for display these upload in a carrousel or something. I think a need to make a ng for and a. Map but i dont know how to do it

[redio]

thanks for the tutorial. just it's missing a method to delete files

[vornnaro]

Hello sir, I have error when I try to ng add @angular/fire

[alejandrolovatohuaman]

friend, I would like to talk with you. To know more about these technologies. I will have some gmail

[karlennis]

Hi D-I-Ry, is there a way of contacting you? email address?