Deploying Signify to Vercel

Since your project is a Vite-based React application, deploying to Vercel is straightforward.

Prerequisites

A GitHub account.
A Vercel account (log in with GitHub).
The project pushed to your GitHub repository: https://github.com/Hackmaass/Signify_.git.

Log in to Vercel and go to your Dashboard.
Click "Add New..." -> "Project".
Import Git Repository:
- Find Signify_ in the list (you might need to adjust permissions if it's not visible).
- Click Import.
Configure Project:
- Framework Preset: It should auto-detect Vite. If not, select it.
- Root Directory: Leave as ./ (default).
- Build Command: vite build (default).
- Output Directory: dist (default).
- Install Command: npm install (default).
Environment Variables (Crucial!):
- Expand the Environment Variables section.
- Add the following variable:
  - Key: VITE_GEMINI_API_KEY
  - Value: AIzaSyA1VgyddwDbwScM8Sxp13dRaK7G66L3eKw
- Note: Ensure VITE_GEMINI_API_KEY is set in Vercel.
Click Deploy.

Vercel will build your project. If successful, you'll get a production URL (e.g., https://signify-app.vercel.app).
Test the App: Open the URL, grant camera/microphone permissions, and try the Live Tutor.
Firebase Auth Domains:
- Go to your Firebase Console -> Authentication -> Settings -> Authorized Domains.
- Add your new Vercel domain (e.g., signify-app.vercel.app) to the list. This allows Google Sign-In to work.

Gemini Connection Failed: Check the browser console. If you see 401/403 errors, verify the API Key in Vercel settings.
Page Not Found on Refresh: We added vercel.json to handle this, but if it happens, ensure the file is in the root of your repo.