Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a web application for cloud rendering that allows users to analyze scenes, upload files, view rendering lists, and download completed renders. The application is designed to be user-friendly and intuitive, ensuring a smooth workflow for users engaged in rendering tasks.

## CORE FEATURES
1. **Scene Analysis**: Users can upload their scenes to the platform for analysis, with automated checks for compatibility and optimization suggestions.
2. **Upload Functionality**: A straightforward interface for users to upload files, with drag-and-drop support and progress indicators.
3. **Rendering List**: A dynamic list displaying all rendering jobs, their status, and options to manage them (e.g., cancel, view details).
4. **Download Options**: Users can easily download completed renders, with options for different formats and quality settings.
5. **User Authentication**: Secure login and registration for users to manage their profiles and rendering history.
6. **Responsive Design**: The application will be fully responsive, providing an optimal experience on both desktop and mobile devices.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: A single-column layout for the main interface, featuring a header, sidebar for navigation, main content area for rendering lists, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React's built-in context for managing user states and rendering jobs.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript. Install Tailwind CSS and shadcn/ui components.
2. **Create the Authentication Flow**: Implement user registration and login functionality, ensuring secure user data handling.
3. **Build the Upload Component**: Develop a drag-and-drop file upload area, integrating scene analysis functionality.
4. **Design the Rendering List**: Create a component that lists all rendering jobs with status indicators and management options.
5. **Implement Download Functionality**: Allow users to download their renders, including format and quality selection.
6. **Ensure Responsiveness**: Test the application on various devices and screen sizes to ensure a seamless experience.

## USER EXPERIENCE
The user experience will focus on simplicity and ease of use. Users will be greeted with a clean interface upon logging in, where they can easily access the upload section. The rendering list will provide real-time updates on the status of their jobs. Clear call-to-action buttons will guide users through uploading and downloading processes, ensuring a smooth and efficient workflow. Users will also appreciate the minimalistic design that reduces clutter and enhances focus on tasks.