Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
“Mídia Igreja” is a web application designed as a professional multimedia platform tailored exclusively for churches. Its primary purpose is to centralize and organize all multimedia operations during services into a single modern, fast, and intuitive system, enhancing the experience for media operators.

## CORE FEATURES
1. **Playlist Management**: Create and manage complete playlists for each service or event, organizing music, videos, audio, and images in a customizable sequence.
2. **Media Support**: Integrate various media sources, including YouTube videos, local videos, audio files, and presentation images, to streamline service preparation.
3. **Display Mode**: Utilize a fullscreen mode for a professional presentation experience during services, ensuring stability and clarity.
4. **Quick Editing**: Easily add, edit, and rearrange media items through a drag-and-drop interface, enabling rapid adjustments for live settings.
5. **Shortcut Navigation**: Implement keyboard shortcuts for seamless operation, allowing operators to navigate the platform efficiently.
6. **Automatic Saving**: Ensure that all playlists and settings are saved automatically, with features to manage history and favorites for quick access.

## 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**: A structured layout featuring a navigation bar at the top, a main content area for playlists and media management, and a sidebar for quick access to tools and settings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API for managing application state as needed.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui).
2. **Create Layout Structure**: Build the main layout including the navigation bar, content area, and sidebar using Tailwind CSS for styling.
3. **Implement Core Features**: Develop the playlist management system, integrating media handling capabilities and user interaction functionalities.
4. **Design UI Components**: Use shadcn/ui for consistent styling of buttons, inputs, and cards with the specified border radius and typography.
5. **Incorporate State Management**: Implement Redux or Context API to manage state for playlists, media items, and user settings.
6. **Testing and Optimization**: Conduct thorough testing for usability and performance, ensuring responsive design across devices and browsers.

## USER EXPERIENCE
Users will interact with a clean and organized interface that allows them to quickly create playlists, manage media, and navigate settings with ease. Key user flows include creating a new service playlist, editing media items through drag-and-drop, and utilizing keyboard shortcuts for efficient operation during live events. The design ensures a professional and stable experience, crucial for worship services and church events.