Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a complete SaaS web application designed for video publishing. It allows users to upload, manage, and share their videos seamlessly, providing a user-friendly interface that emphasizes simplicity and efficiency.

## CORE FEATURES
1. **User Authentication**: Secure sign-up and login process enabling users to create accounts, manage profiles, and maintain privacy.
2. **Video Upload**: Easy drag-and-drop functionality for users to upload video files with progress indicators and support for various video formats.
3. **Video Management Dashboard**: A comprehensive dashboard for users to view their uploaded videos, including options to edit metadata, delete videos, and monitor performance analytics.
4. **Video Player**: Integrated video player for users to preview their content, with options for playback controls, volume adjustments, and fullscreen mode.
5. **Share & Embed Options**: Simple links and embed codes that allow users to share their videos across social media platforms and websites.
6. **Responsive Design**: Fully responsive interface ensuring optimal user experience across all devices, including desktops, tablets, and smartphones.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a focus on typography to enhance readability and navigation.
- **Color Mode**: Light theme with dark text on light backgrounds for a modern and accessible look.
- **Layout**: 
  - A top navigation bar featuring the logo and links to key sections (Dashboard, Upload, Profile).
  - A main content area with a card layout displaying uploaded videos and their metadata.
  - Sidebar for additional navigation and quick access to user settings or help features.
- **Typography**: 
  - Primary Font: Sans-serif (e.g., Inter or Roboto) for clean readability.
  - Headings: Bold, larger sizes for hierarchy.
  - Body Text: Regular weight for clear communication.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust, type-safe development.
- **Styling**: Tailwind CSS for rapid and responsive design implementation.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components.
- **State Management**: Use React Context API or Redux for managing global app state, if required.

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create User Authentication**: Implement user registration and login functionalities using Firebase or a similar service.
3. **Build the Video Upload Component**: Develop the drag-and-drop upload feature with file validation and progress tracking.
4. **Develop the Dashboard**: Create a dashboard layout that fetches and displays uploaded videos with options for editing and deletion.
5. **Integrate Video Player**: Implement a video player that supports various playback features and displays video information.
6. **Implement Sharing Options**: Add functionality to generate shareable links and embed codes for videos.
7. **Ensure Responsiveness**: Test the application on multiple devices and screen sizes, adjusting styles as necessary for a seamless experience.

## USER EXPERIENCE
Users will experience a streamlined process when interacting with the application. Upon logging in, they will be greeted with an intuitive dashboard displaying their videos. The upload feature will be easily accessible, allowing users to quickly add new content. The video player will provide a smooth playback experience, while sharing options will enable users to promote their videos effortlessly. Overall, the design will prioritize ease of use, ensuring that even novice users can navigate and utilize the application effectively.