Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
CMV.TV is a robust web application designed for extreme production-level live sports streaming. It will fetch sports event data from a provided API every minute, locking events and unlocking them 30 minutes before they go live, while also adapting to the user's timezone. The application will ensure seamless streaming experiences using state-of-the-art technology for HLS and DASH playback.

## CORE FEATURES
1. **Live Streaming**: Real-time streaming of live sports events using DASH (Shaka Player) and HLS (Video.js) with quality selectors for optimal viewing.
2. **Event Management**: Automatically lock and unlock events based on their start times, with timezone detection for user-friendly time display.
3. **Proxy and Security**: Implement a robust proxy to handle CORS and header issues, ensuring secure access to streams and encrypted API data that only the application can decrypt.
4. **Responsive Design**: A minimalist UI that is fully responsive, providing a smooth user experience across all devices, from desktops to mobile phones.
5. **Telegram Integration**: Easy access to a Telegram channel through a join button, enhancing community engagement.
6. **Error Handling**: Advanced error handling to prevent playback issues, ensuring a seamless viewing experience without unnecessary error messages.

## 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**: The main layout will consist of a header, a hero section for live events, a features section, and a footer. The streaming player will be centrally positioned to maximize visibility and accessibility.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Use shadcn/ui for modular component design.
- **State Management**: Utilize React's built-in state management or consider Context API for global state if necessary.

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript and install required dependencies (React Router, Axios, etc.).
2. **Proxy Configuration**: Set up a proxy server to handle CORS issues, ensuring that API requests can be made securely.
3. **Event Fetching Logic**: Implement a function that fetches event data from the API every minute and manages locking/unlocking events based on their scheduled times.
4. **Player Integration**: Integrate Shaka Player for DASH and Video.js for HLS, ensuring they are configured to work with the encrypted streams.
5. **User Interface Development**: Create a minimalist UI layout using Tailwind CSS, focusing on responsiveness and usability.
6. **Quality Selector Implementation**: Develop a quality selector for streams, allowing users to choose their preferred streaming quality.
7. **Testing**: Ensure thorough testing of the streaming functionalities and error handling, making adjustments as necessary.

## USER EXPERIENCE
Users will experience a straightforward and efficient interface where they can view live sports events based on their local time, easily switch between different streaming qualities, and access community features through the integrated Telegram channel. The application will prioritize smooth playback and error-free viewing, ensuring a delightful user experience.

By following these specifications, CMV.TV will be built as a top-tier live sports streaming platform that meets the user's high standards and requirements for functionality and design.