Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to aggregate and compile news articles as soon as they are published, prioritizing sources based on credibility. Users will receive updates from reliable sources like Reuters and AFP, ensuring they stay informed with high-quality news content.

## CORE FEATURES
1. **News Aggregation**: Automatically fetch and compile news articles from various sources in real-time.
2. **Credibility Ranking**: Implement a ranking system that evaluates the credibility of sources to prioritize trustworthy publications over less reliable ones.
3. **Search Functionality**: Allow users to search for specific topics or keywords within the aggregated news.
4. **Custom Notifications**: Enable users to set preferences for notifications based on topics or sources they are interested in.
5. **User Profiles**: Create user accounts to save preferences and customize the news feed.
6. **Feedback System**: Allow users to provide feedback on the credibility of articles, helping to refine the ranking algorithm over time.

## 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 top navigation bar, a hero section that introduces the app, a news feed area for displaying articles, and a sidebar for user preferences and notifications.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux Toolkit for managing global state and user preferences

## IMPLEMENTATION STEPS
1. **Set Up the React Project**: Initialize the project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS, React Router, and Redux Toolkit for state management.
3. **Create Layout Components**: Develop the top navigation bar, hero section, and main content area for the news feed.
4. **Implement News Aggregation Logic**: Set up API calls to fetch news articles and build the credibility ranking algorithm.
5. **Develop User Authentication**: Create user account functionalities, including registration, login, and profile management.
6. **Integrate Notification System**: Allow users to set and manage their notification preferences based on topics or sources.
7. **Design UI with Tailwind CSS**: Ensure the interface matches the minimalist style, using the specified primary color and typography.
8. **Testing**: Conduct thorough testing, including unit tests for components and integration tests for the overall functionality.

## USER EXPERIENCE
Users will interact with a straightforward interface, starting with a clean hero section that invites them to explore the latest news. As they scroll, they will see a dynamically updated news feed prioritized by credibility, allowing them to easily read and engage with articles. User preferences can be quickly accessed from a sidebar, providing a personalized experience. Notifications will keep users informed without overwhelming them, ensuring a seamless and enjoyable news consumption experience.