Firebase Setup Required

To enable Gmail login and cloud save, you need a free Firebase project. Takes ~5 minutes.

Create a Firebase Project

Visit console.firebase.google.com → click Add project → name it "FrameForge" → click through the setup.

Enable Authentication

In your project → Authentication → Get started → enable Google and Email/Password sign-in methods.

Create Firestore Database

In your project → Firestore Database → Create database → choose Start in test mode → select a region → Done.

Get Your Config Keys

Go to Project Settings (⚙️ icon) → Your apps → click </> (Web) → Register the app → copy the firebaseConfig object.

Paste Into This File

Open FrameForge.html in a text editor (TextEdit, Notepad, VS Code). Find the section that looks like this and replace the placeholder values:

// ← Find this block near the top of the <script> section
const FIREBASE_CONFIG = {
  apiKey: "AIzaSy...",  ← paste your values here
  authDomain: "your-project.firebaseapp.com",
  projectId: "your-project-id",
  storageBucket: "your-project.appspot.com",
  messagingSenderId: "123456789",
  appId: "1:123:web:abc123"
};

After adding your config, save the file and reload it in your browser.
Firebase free tier (Spark) is plenty for personal use — no credit card needed.