Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app designed for generating and editing videos using AI technology. Users can easily create professional-quality videos in a streamlined and intuitive environment, focusing on simplicity and efficiency.

## CORE FEATURES
1. **Video Generation**: Users can input text or images to generate unique videos instantly, utilizing AI algorithms for creative outputs.
2. **Editing Tools**: Basic editing functionalities such as trimming, cropping, and adding text overlays to personalize videos.
3. **Templates Library**: A collection of customizable video templates that users can choose from for various types of content.
4. **Preview and Export**: Users can preview their videos before finalizing and export them in multiple formats.
5. **User Accounts**: Secure user account creation and management, allowing users to save and revisit their projects.
6. **Collaboration Tools**: Features enabling users to share projects with others for collaborative editing and feedback.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will emphasize a clean and simple aesthetic with ample white space, ensuring that the user interface is uncluttered and easy to navigate.
- **Color Mode**: Light theme with dark text on light backgrounds to enhance readability and maintain a modern feel.
- **Layout**: The main layout will consist of a top navigation bar for easy access to features, a central workspace area for video creation, and a sidebar for templates and editing options. Responsive design will ensure optimal viewing on all devices.
- **Typography**: Use sans-serif fonts for a modern feel, with a clear hierarchy—larger headings for titles, medium size for subtitles, and standard size for body text to maintain readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for rapid and responsive design
- **UI Components**: shadcn/ui for consistent and aesthetic user interface elements
- **State Management**: Redux or Context API for managing user state and video data efficiently

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Project Structure**: Organize folders for components, pages, and assets, ensuring clarity and maintainability.
4. **Develop Core Features**: 
   - Implement video generation logic using appropriate APIs or libraries.
   - Develop editing tools and integrate them into the user interface.
   - Build the templates library and connect it to the main video creation workspace.
5. **User Authentication**: Set up user authentication functionalities using Firebase or another backend service for account management.
6. **Testing**: Conduct user testing to ensure all features work as intended and make adjustments based on feedback.
7. **Deployment**: Deploy the web app on a platform like Vercel or Netlify for public access.

## USER EXPERIENCE
The application will provide a seamless user experience by guiding users through the video creation process. Upon logging in, users will be greeted by a dashboard displaying their projects and available templates. The video generation workflow will be intuitive, with clear prompts and options for uploads. Users can easily navigate between editing tools and preview their projects at any time, ensuring a smooth and enjoyable creative process. The minimalist design will enhance focus, allowing users to concentrate on their content without distractions.