This article will give you a step by step walkthrough on implementing a realtime database in your Angular Apps using Firebase Cloud Firestore.

For the scope of this article, we’ll mainly implement features to:

• Store the image URL and metadata related to it in Firebase Cloud Firestore.
• Read this data as a list to populate our feed.

This article expects a basic understanding of Angular, RxJS, Angular Material, and Firebase.

Wanna save time and jump directly to a specific section of this article? I’ve got you covered. Here’s a Tl;DR; for you.

TL;DR;

• Setting up Firebase Cloud Firestore
  • In the Firebase Console
  • In our Angular App
• Storing post data in the Firestore
• Reading data for the feed from Firestore
• Next Steps
• Closing Notes

#angular #firebase #cloud #firestore