Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application will serve as a platform for users to generate images and videos using advanced generative models, similar to those found in Freepik. Users will input their desired parameters, and the application will provide them with high-quality visuals, enhancing their creative projects efficiently.

## CORE FEATURES
1. **User Input Form**: A straightforward interface allowing users to specify the type of media they wish to generate (image or video) and include relevant parameters or keywords.
2. **Media Generation Engine**: A robust backend system that leverages generative models to create images or videos based on user input, ensuring high-quality outputs.
3. **Gallery of Generated Media**: A visually appealing gallery showcasing previously generated images and videos, allowing users to browse and find inspiration.
4. **Download Functionality**: A simple and intuitive option for users to download their generated media directly from the platform.
5. **User Account Management**: A feature allowing users to create and manage their accounts, save their generated media, and revisit previous creations.
6. **Feedback and Ratings System**: An interactive component where users can provide feedback and rate the quality of the generated content, helping to improve the algorithm continually.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design that emphasizes clean lines and simplicity, utilizing ample white space to create an uncluttered user experience.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring readability and comfort during extended use.
- **Layout**: A single-page layout that features a large hero section at the top for user input, followed by a gallery section, and ending with the footer containing contact information and links to user account settings.
- **Typography**: Utilize a modern sans-serif font for headers (e.g., Montserrat) and a legible serif font for body text (e.g., Lora). Maintain a clear hierarchy with larger font sizes for titles and smaller sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for type safety and component management.
- **Styling**: Tailwind CSS for rapid and responsive styling.
- **UI Components**: Use shadcn/ui for a consistent and polished user interface.
- **State Management**: Utilize React's Context API or Zustand for state management to handle user input and generated media data effectively.

## IMPLEMENTATION STEPS
1. **Set Up the React Environment**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, etc.).
2. **Create Core Components**: Develop the main components including User Input Form, Media Generation Engine, Gallery, and User Account Management.
3. **Integrate Media Generation Logic**: Connect the frontend to the backend API that handles media generation requests based on user input.
4. **Implement User Authentication**: Set up user account management features, including sign-up, login, and session management.
5. **Design the Layout**: Structure the application layout according to the specified design, ensuring responsiveness across devices.
6. **Test Functionality**: Conduct thorough testing of all features, including media generation and user interactions, to ensure a smooth user experience.
7. **Deploy the Application**: Deploy the application to a web server and ensure proper domain setup for accessibility.

## USER EXPERIENCE
Users will arrive at the landing page where they can quickly enter their desired media parameters in the input form. Upon submission, they will see a loading indicator while the media generates. Once completed, the generated media will appear in the gallery section, allowing users to view, rate, and download their creations. The user-friendly interface will ensure that even those less tech-savvy can navigate the platform with ease, providing a seamless and enjoyable experience.