Clasico braodcast
Generated Prompt
## APPLICATION OVERVIEW Clasico Broadcast is a minimalist web application designed for users to easily access and engage with broadcast content. The focus is on providing a clean, user-friendly interface that allows users to navigate through various broadcasts effortlessly, ensuring a seamless experience. ## CORE FEATURES 1. **Broadcast Listings**: A straightforward display of available broadcasts with filtering options by category or date. 2. **Content Player**: A built-in player for users to watch or listen to broadcasts without leaving the page. 3. **User Profiles**: Allow users to create accounts to save their favorite broadcasts and manage subscriptions. 4. **Search Functionality**: A powerful search tool enabling users to find specific broadcasts quickly. 5. **Feedback System**: Users can rate broadcasts and leave comments, fostering a community around the content. ## 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 structure will consist of a top navigation bar, followed by a hero section, a grid of broadcast cards, and a footer with contact information and social media links. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: React Context API or Zustand (if necessary for global state management) ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create Basic Structure**: Set up the folder structure for components, pages, and styles. 3. **Implement Navigation**: Build a responsive navigation bar using shadcn/ui components. 4. **Design the Hero Section**: Create a visually appealing hero section that introduces the application. 5. **Develop Broadcast Listings**: Implement a grid layout for broadcasting cards, pulling data dynamically. 6. **Add Content Player**: Integrate a video/audio player that supports various formats. 7. **User Authentication**: Set up user profile creation and login functionality, if applicable. 8. **Implement Search and Feedback**: Create components for searching broadcasts and submitting feedback. 9. **Testing**: Ensure the application is responsive and all features work as intended across devices. 10. **Deployment**: Prepare the application for deployment on a platform like Vercel or Netlify. ## USER EXPERIENCE Users will have a smooth journey, beginning with a captivating hero section that invites them to explore broadcasts. They can easily find content through the search bar or by browsing categories. The content player allows for uninterrupted viewing/listening, while the feedback system encourages interaction. User profiles enhance personalization, making it easy for users to return to their favorite broadcasts. The overall design ensures that users can navigate intuitively, with clear calls to action and a clean layout.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
