Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Factoría Educativa is a comprehensive web application designed to leverage artificial intelligence for generating educational products from various content formats. Users can upload audio, PDFs, and text files, which the application will process to create up to 16 professional educational outputs. This SaaS platform aims to streamline the content transformation process, enhancing accessibility to quality educational materials.

## CORE FEATURES
1. **User Authentication**: Secure registration and login via Google OAuth and WhatsApp verification to prevent fraudulent accounts.
2. **Credit System**: Users can purchase credit packages, where each credit allows the generation of one set of educational products. Credits are permanent and can be accumulated with future purchases.
3. **File Upload and Processing**: Users can upload audio (up to 120 minutes), PDFs, and DOCX files for content transformation. The app processes the input files and generates various educational outputs.
4. **Product Generation**: Automatically creates 16 different educational products, including blog articles, summaries, quizzes, and multimedia content like podcasts and infographics.
5. **Admin Dashboard**: A dedicated panel for administrators to manage users, credits, and generated content, ensuring smooth operation and oversight.
6. **Responsive Design**: The application will be fully responsive, providing an optimal user experience across devices, including mobile and tablet formats.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, a minimal color palette, and a focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Layout**: A simple header with navigation links to "Generate", "History", and "Account", followed by a central content area for file uploads and product displays. A footer will contain contact information and links to terms and conditions.
- **Typography**: Use a modern sans-serif font for headings and body text, ensuring clear readability and visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React 18 with TypeScript
- **Styling**: Tailwind CSS for utility-first styling
- **UI Components**: Utilize shadcn/ui for consistent design patterns and components
- **Backend**: Firebase (Authentication, Firestore for data storage, and Cloud Functions for server-side logic)
- **AI**: Google Gemini 2.5 Flash for content generation
- **Payments**: Stripe for handling one-time credit purchases
- **Email Service**: SendGrid for transactional email notifications

## IMPLEMENTATION STEPS
1. **Setup Project Environment**: Initialize a new React project with TypeScript and configure Tailwind CSS for styling.
2. **Implement User Authentication**:
   - Set up Firebase Authentication with Google OAuth.
   - Create a WhatsApp verification process for free accounts.
3. **Develop Credit System**:
   - Design and implement the credit purchasing feature using Stripe.
   - Ensure credits can be accumulated and displayed in the user dashboard.
4. **Create File Upload Functionality**:
   - Implement a user interface for uploading various file types.
   - Add validation for file size and type restrictions.
5. **Integrate AI Product Generation**:
   - Connect the application with Google Gemini for processing uploaded content and generating educational products.
   - Develop the logic for tracking credit consumption during product generation.
6. **Admin Dashboard Development**:
   - Create an admin interface to manage users, credits, and generated products.
7. **Testing and Optimization**:
   - Conduct thorough testing across devices to ensure responsiveness and usability.
   - Optimize performance and fix any bugs identified during testing.

## USER EXPERIENCE
Users will begin their journey by signing up using Google OAuth or WhatsApp verification. Once registered, they will see their credit balance prominently displayed. Users can easily navigate to the upload section, where they can drag and drop files or select them manually. After processing, users will receive notifications of their generated products, which they can view, download, or share. The admin dashboard will allow for easy management of user accounts and credits, ensuring a seamless experience for both users and administrators.