How to upload and display image file in PWA/Angular project using Firebase-Cloud-Storage and AngularFire.

You’ll learn to upload and download your files to Firebase Cloud Storage from your PWA or Angular App.

My articles are open for everyone; non-member readers can read the article by clicking this Friend link.

Firebase Cloud Storage is a server-less way to upload and download binary files from the browser. As of today, it’s officially supported by AngularFire. AngularFire allows your app to easily and securely manage a Cloud Storage bucket without a line of server code.

Cloud Storage with AngularFire

AngularFire is the official library that connects Angular to Firebase.
AngularFireincludes modules for the Realtime Database, Firebase Authentication, Cloud Firestore, and Cloud Storage.

#1 Adding Firebase & AngularFire to your project.

It’s easy to add AngularFire to your project. Install Firebase and AngularFire from npm. Follow the link for steps — Click here 👆