Um site de uma webtv digital com painel de administrador para colocar anuncios colocar a programacao com videos
Generated Prompt
## APPLICATION OVERVIEW This project is a web application for a digital web TV platform that includes an admin panel for managing advertisements and programming with video content. The application will allow administrators to upload videos, schedule programming, and manage advertisements efficiently, providing users with a streamlined experience to access content. ## CORE FEATURES 1. **Admin Dashboard**: A central hub for administrators to manage content, view analytics, and navigate the application easily. 2. **Video Uploading**: Functionality that allows admins to upload and categorize video content for programming. 3. **Programming Schedule**: A feature to create and manage a programming schedule, enabling admins to specify when videos are available for viewing. 4. **Advertisement Management**: Tools for admins to create, edit, and schedule advertisements that will run during programming. 5. **User Management**: Admins can manage user accounts, including creating new accounts and setting permissions. 6. **Analytics Dashboard**: A section that provides insights into viewership and advertisement performance. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design will be clean and simple, emphasizing functionality with plenty of white space and a minimal color palette. - **Color Mode**: Light theme with dark text on light backgrounds for optimal readability. - **Layout**: The main layout will feature a sidebar navigation for the admin panel, a top header for alerts or notifications, and a central content area for dashboards and forms. - **Typography**: Use a sans-serif font for a modern look, such as Inter or Roboto, with a clear hierarchy (larger headers, medium-sized subheaders, and standard text for body copy). ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for type safety and component-based architecture. - **Styling**: Tailwind CSS for utility-first styling that promotes rapid design implementation. - **UI Components**: Utilize shadcn/ui for pre-designed components that align with a minimalist aesthetic. - **State Management**: Consider using React Query or Zustand for managing application state efficiently. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and configure Tailwind CSS. 2. **Create Admin Dashboard Layout**: Implement the sidebar and header layout using Tailwind CSS. 3. **Develop Core Features**: - Build the admin dashboard with navigation links to each feature. - Implement video uploading functionality, including form and file handling. - Create programming schedule management with a calendar or list view. - Develop advertisement management with forms and scheduling options. - Set up user management capabilities with forms for creating and editing user accounts. 4. **Integrate Analytics**: Develop the analytics dashboard to display insights about viewership and advertisements. 5. **Test User Flows**: Ensure all user interactions are smooth and intuitive, testing each feature to confirm functionality. 6. **Deploy Application**: Launch the application on a web server and ensure it is responsive for different screen sizes. ## USER EXPERIENCE Users will interact with a straightforward interface where they can navigate easily between different sections via the sidebar. Admins will have a seamless experience uploading videos and managing schedules, supported by intuitive forms and real-time feedback. The analytics dashboard will provide a quick overview of performance metrics, helping admins make data-informed decisions. Responsive design will ensure a consistent experience across devices, enhancing usability for all users.
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!
