Firebase Fundamentals

Master Firebase basics by building a functional app and earn points!

Firebase Fundamentals: Build and Connect 🚀

Firebase is a powerful platform that provides backend services for app development. This week, we challenge you to integrate Firebase Authentication and Firestore into a frontend app of your choice. Showcase your creativity while learning essential Firebase features!

🎯 The Challenge

Your mission, should you choose to accept it, is to:

  1. Firebase Setup: Set up a Firebase project and integrate Firebase Authentication into a frontend of your choice. +50 points
  2. Sign-In Form: Create a sign-in/sign-up form that connects to Firebase Authentication. Populate it with at least three accounts. +50 points
  3. Firestore Setup: Set up Firebase Firestore and populate it with any data of your choice. +75 points
  4. Display Data: Connect your frontend to Firebase Firestore and display the populated data on your app. +75 points

🛠️ Getting Started

Prerequisites

  • A Firebase account. Sign up at Firebase Console if you don’t already have one.
  • A frontend framework or library of your choice (e.g., React, Angular, or Flutter).

📝 Steps to Complete the Challenge

1. Firebase Setup - 50 Points

  • Create a new project in the Firebase Console.
  • Enable Firebase Authentication.
  • Integrate Firebase Authentication into your frontend app. Use any framework or plain JavaScript.

2. Sign-In Form - 50 Points

  • Design a basic sign-in/sign-up form.
  • Connect the form to Firebase Authentication.
  • Create and populate at least three user accounts.

3. Firestore Setup - 75 Points

  • Enable Firebase Firestore in your project.
  • Populate the Firestore database with any data of your choice (e.g., a list of items or messages).

4. Display Data - 75 Points

  • Fetch data from Firebase Firestore in your frontend.
  • Display the fetched data in any way you want (e.g., a list, table, or just in the middle of the screen).

🔗 Resources

🏆 Total Points Breakdown

  • Firebase Setup: 50 Points
  • Sign-In Form: 50 Points
  • Firestore Setup: 75 Points
  • Display Data: 75 Points

Good luck, and happy coding! 🚀