Firebase Studio - Perfectly Styled

This is a Next.js application built with Firebase Studio. It provides a style questionnaire, AI-powered recommendations, and a simulated payment flow to receive a personalized style report.

Getting Started

1. Set up Environment Variables:

   • Create a .env.local file in the root directory.
   • Add your Firebase project configuration keys (prefixed with NEXT_PUBLIC_FIREBASE_) and your GOOGLE_API_KEY for Genkit. See .env.local.example or the .env.local generated by the App Prototyper for the required variable names.
   • For deployment, ensure these environment variables are set in your Firebase Hosting/Functions environment.

2. Install Dependencies:

   npm install

3. Run the Development Server:

   npm run dev

   The application will be available at http://localhost:9003 (or the port specified in package.json).

4. Run Genkit Developer UI (Optional): To inspect and test Genkit flows locally:

   npm run genkit:dev

   Or for watching changes:

   npm run genkit:watch

   Access the Genkit Developer UI at http://localhost:4000.

Key Features

• Style Questionnaire: A multi-step form to gather user input on body line, scale, and shape.
• AI-Powered Recommendations: Uses Genkit with Google AI to generate personalized style advice.
• Direct Report Flow: Users complete the questionnaire, provide an email, and receive their report after a simulated payment. No user accounts are required.
• Styling: Uses ShadCN UI components and Tailwind CSS.

Deployment to Firebase

1. Build the Application:

   npm run build

2. Deploy: Ensure your Firebase CLI is configured and you are logged in.

   firebase deploy

   Make sure your Firebase environment has all necessary environment variables set (see Step 1 of "Getting Started").