Day 3 – Connecting Firebase and Setting Up Movie Data

Now that we have our Simple Media Player UI ready, let’s make it more dynamic by connecting it to a real database — Firebase Firestore.

Step 1: Set Up Firebase Firestore

1. Go to https://console.firebase.google.com.

2. Create a new project (you can name it Simple Media Player).

3. Click Build → Firestore Database, then Create Database.

4. Choose Start in test mode (for development purposes).

5. Create a new collection called Movies and add some sample documents with the following fields:

   • MovieTitle – string

   • Movie – int

   • MovieType – string

   • Duration – decimal (or number)

   • ReleaseDate – timestamp

   • Link – string (this will be your movie’s streaming URL)

     Step 2: Define the Movie Model in MAUI

     Now, go back to your MAUI project, open MainPage.xaml.cs, and create a simple class for your movie data.public class Movie
     {
         public string MovieTitle { get; set; }
         public int MovieId { get; set; }
         public string MovieType { get; set; }
         public decimal Duration { get; set; }
         public DateTime ReleaseDate { get; set; }
         public string Link { get; set; }
     }

     💡 This class represents the structure of your movie documents in Firestore.

     ---

     Step 3: Connect Firestore (Preview)

     Later, we’ll learn how to use Firebase SDKs or REST APIs to retrieve the movie list and display it dynamically inside your MAUI app’s UI.

     For now, your app will be ready to receive and parse movie data from Firestore.