🔥 Connect Firebase

One-time setup — follow these steps to enable cloud storage and sign-in

1. Create a Firebase project
   Open console.firebase.google.com in your browser. Click Add project, give it a name like MathTutorPro, click through (you can disable Google Analytics), then click Create project.

2. Enable Google Sign-In
   In the left sidebar click Authentication → Get started → Sign-in method tab → click Google → toggle Enable → set a support email → click Save.

3. Add your authorized domain
   Still in Authentication → Settings tab → Authorized domains → click Add domain and add your hosting URL (e.g. your-app.netlify.app). If testing locally with a VS Code extension like Live Server, add localhost or 127.0.0.1.
   Note: file:// URLs cannot be authorized — you need a proper host. The free option is netlify.com/drop — just drag this file there.

4. Create Firestore database
   Left sidebar → Firestore Database → Create database → choose Start in test mode → pick the region nearest to you → click Enable.

5. Publish security rules
   In Firestore → click the Rules tab → replace everything with the rules below → click Publish:

   rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { match /tutors/{userId}/{document=**} { allow read, write: if request.auth.uid == userId; } } }

6. Get your Firebase config
   Left sidebar → Project Settings (gear ⚙️ icon at the top) → scroll down to Your apps → click the web icon (</>) → register your app (any nickname) → copy the firebaseConfig object shown.

7. Paste your config below and connect
   Paste the config object (with or without the surrounding const firebaseConfig = code) into the box:

   🔗 Connect to Firebase