Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application that hosts music and videos, similar to platforms like YouTube, Apple Music, and Spotify. The application will provide users with the ability to upload, share, and stream various audio and video content while focusing on a clean and minimalist user experience.

## CORE FEATURES
1. **User Authentication**: Allow users to sign up, log in, and manage their profiles securely.
2. **Content Upload**: Enable users to upload music tracks and videos, with options for metadata input like title, artist, genre, and description.
3. **Media Library**: Provide a searchable library where users can browse, filter, and discover music and videos by categories, playlists, or trending content.
4. **Streaming Capabilities**: Integrate a media player that allows users to stream audio and video content seamlessly.
5. **User Playlists**: Allow users to create and manage playlists, adding their favorite tracks and videos for easy access.
6. **Comments and Ratings**: Implement a commenting system and ratings for each piece of content, facilitating user engagement and feedback.

## 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 with navigation links, a hero section for featured content, a grid display for media items, and a footer with additional links and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit (optional for global state management)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript, and install Tailwind CSS and shadcn/ui for styling.
2. **Create Authentication Flow**: Implement user authentication using Firebase or Auth0 for secure login and registration.
3. **Build the Upload Feature**: Create a file input component for uploading music and video files, including a form for additional metadata.
4. **Develop the Media Library**: Construct a media library page that fetches and displays uploaded content, allowing sorting and filtering options.
5. **Integrate Streaming Functionality**: Use a media player library to handle audio and video streaming, ensuring responsive design for various devices.
6. **Implement User Playlists**: Design a user interface for creating and managing playlists and integrate necessary backend functionality to store playlist data.
7. **Add Comments and Ratings**: Create components for user comments and ratings on each media item, ensuring users can interact with the content.

## USER EXPERIENCE
Users will experience a streamlined interaction flow, starting with a clean landing page that showcases featured content. Upon logging in, they will easily navigate to their media library, upload new content, and manage their playlists. The minimalist design will ensure that users can focus on content consumption without distractions, while responsive design will guarantee accessibility across devices. Additionally, the commenting and rating features will encourage community engagement, creating a dynamic platform for music and video sharing.