Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a web application that assists high school students in reading political news relevant to their local communities. The app will curate information in an easily understandable language, encouraging students to engage with current events and continue exploring news articles.

## CORE FEATURES
1. **News Feed**: A dynamic feed displaying curated political articles tailored for students, featuring a simple interface that highlights key points and summaries.
2. **Article Summaries**: Each article will include a brief summary, breaking down complex topics into digestible content.
3. **Search Functionality**: Users can search for specific topics or keywords to find relevant articles quickly.
4. **Bookmarking System**: Students can save articles for later reading, helping them manage their news consumption.
5. **User Profiles**: Allow students to create profiles to track their reading progress and preferences.
6. **Feedback Mechanism**: Users can provide feedback on articles to improve future content curation.

## 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 header for navigation, a sidebar for filters or categories, and a central area for the news feed and article content, ensuring a clear hierarchy and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux (if necessary for managing application state)

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Design the layout**: Create the main layout structure with a header, sidebar, and content area using Tailwind CSS for styling.
3. **Implement routing**: Set up React Router for navigation between different views (e.g., home, article detail).
4. **Develop core features**:
   - Implement the News Feed component to display articles.
   - Create the Article Summaries feature to provide short descriptions.
   - Add Search functionality to filter articles by keywords.
   - Implement Bookmarking System to allow saving articles.
   - Create User Profile management to track reading habits.
5. **Add Feedback Mechanism**: Implement a form for users to submit feedback on articles.
6. **Test the application**: Conduct usability testing with target users (high school students) to gather feedback and make necessary adjustments.
7. **Deploy the application**: Use a platform like Vercel or Netlify for deployment.

## USER EXPERIENCE
Key user interactions will include seamless navigation through the news feed, intuitive searching for specific articles, easy bookmarking of content, and smooth profile management. The design will focus on creating an engaging experience, encouraging students to read and interact with political news in a relaxed and user-friendly environment. The minimalist approach will ensure that users are not overwhelmed, maintaining a focus on content and readability.