Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
DailyDigest is a personalized news digest web application designed to curate daily news based on user preferences. By integrating with external news APIs, the application fetches and summarizes the latest news, offering a streamlined experience for busy professionals and tech enthusiasts. The primary focus is the user dashboard that displays personalized news content without the need for a separate landing page.

## CORE FEATURES
- **User Registration and Login**: Implement authentication using Supabase Auth, allowing users to register and log in with email/password or magic link.
- **User Preferences**: Users can select their preferred news topics (e.g., technology, health, AI), which are saved in Supabase and can be modified at any time.
- **Newsletter Generation**: The app will call a news API daily, filtering and selecting the top 3-5 most relevant news items based on user preferences, generating a visually appealing newsletter-style digest.
- **Web Display**: A clean and attractive dashboard will display the daily digest in a newsletter style with titles, snippets, and links, tailored to each user.
- **Email Delivery (Optional)**: Integration with an email service (e.g., Mailjet) to automatically send the daily digest to users, with customization options for the sender and subject.

## 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 feature a sidebar for navigation and a central dashboard area displaying the daily news digest with sections for each news item, allowing users to easily scroll and browse through their personalized content.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context or Zustand for state management if needed.

## IMPLEMENTATION STEPS
1. Set up the project with React, TypeScript, and Tailwind CSS.
2. Implement user registration and login functionality using Supabase Auth.
3. Create a preferences page allowing users to select and modify their favorite topics.
4. Implement news fetching and filtering from the chosen news API.
5. Create a newsletter generation function that builds a daily digest based on user preferences.
6. Build a user-specific page to display the daily digest, ensuring a clean and organized layout.
7. If implementing the optional email delivery, integrate with a chosen email service and set up automatic daily emails.
8. Perform thorough testing, especially for mobile responsiveness.
9. Deploy the application.

## USER EXPERIENCE
Users will start by registering or logging in to their accounts, where they can then set their news preferences. Upon accessing their dashboard, they will see a well-organized daily digest that highlights the most relevant news articles based on their interests. The minimalist design ensures that users can easily navigate through the content without distractions, while the optional email delivery feature keeps them updated even when they are not logged in. The overall experience focuses on efficiency and simplicity, catering to the needs of busy professionals and tech-savvy users.