Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The application is a web app that allows users to convert various news sources into daily podcasts. Users can sign up, log in, and access a dashboard to select news sources and generate 5-minute audio summaries. The design will focus on a fun and playful aesthetic while maintaining a minimalist approach, ensuring an enjoyable user experience.

## CORE FEATURES
1. **User Authentication**: Secure signup and login process for users to create and manage their accounts.
2. **Dashboard**: A user-friendly interface where users can view available news sources and select their preferences.
3. **Source Selection**: Users can browse and choose from a list of news sources to include in their podcast.
4. **Generate Summary**: A 'Generate' button that creates a 5-minute audio summary from the selected news sources.
5. **Playback Interface**: An integrated audio player for users to listen to their generated podcasts directly within the app.
6. **User Preferences**: Options for users to customize their podcast preferences, such as frequency and topics.

## 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 top navigation bar for easy access to the dashboard, a sidebar for source selection, and a central area displaying the podcast generation feature and playback controls.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or Context API (as needed)

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**:
   - Initialize a new React project using Create React App with TypeScript.
   - Install Tailwind CSS and configure it for the project.
   - Install any additional libraries such as shadcn/ui for UI components.

2. **Create Authentication Module**:
   - Implement user signup and login functionalities using a secure authentication method.
   - Set up routing for protected routes requiring authentication.

3. **Develop Dashboard**:
   - Create the dashboard layout with a navigation bar, sidebar for source selection, and central area for podcast generation.
   - Fetch and display available news sources dynamically.

4. **Implement Podcast Generation**:
   - Create the logic to gather selected news sources and generate audio summaries.
   - Integrate a text-to-speech API or library to convert text summaries into audio format.

5. **Design Playback Interface**:
   - Implement an audio player within the dashboard to allow users to listen to their generated podcasts.
   - Ensure controls for play, pause, and seek functionality.

6. **User Preferences**:
   - Allow users to set and save their podcast preferences, such as topics and frequency of updates.

7. **Testing and Deployment**:
   - Test all functionalities extensively to ensure a seamless user experience.
   - Deploy the application using a platform like Vercel or Netlify.

## USER EXPERIENCE
Users will land on a welcoming login or signup page. After authentication, they will be directed to the dashboard where they can easily navigate through available news sources. Selecting sources will be intuitive, with a clear 'Generate' button to create their podcasts. The playback interface will provide an engaging way to listen to their summaries, with options to customize preferences and access past podcasts seamlessly. The overall experience will be designed to be playful yet minimalist, ensuring that users can enjoy their content without distractions.