Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for high school students in Samborondón, Ecuador, aimed at creating interest and motivating them to engage with political and educational news or events in their communities. The application will feature a news feed presented in a simple, question-and-answer format that encourages user interaction and understanding of local issues.

## CORE FEATURES
1. **News Feed**: A dynamic feed displaying news articles formatted with questions such as "What happened?", "Why does it matter?", "Who decided this?", and "How can it affect you?" to facilitate comprehension.
2. **Event Listings**: A section showcasing local events or opportunities for students to participate in discussions, share their ideas, and get involved in community decisions.
3. **User Contributions**: A feature allowing users to submit their thoughts or suggestions regarding news articles or events, enhancing engagement and community participation.
4. **Profile Management**: A simple user authentication system that enables students to create and manage their profiles, saving their preferences and contributions.
5. **Notifications**: Alerts for new articles and upcoming events based on user interests to keep students informed and engaged.

## 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, a news feed section, an event listings section, and a user profile area, all organized in a single-page scroll format to enhance usability and accessibility.

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

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React application using Create React App with TypeScript.
2. **Install necessary packages**: Include Tailwind CSS, shadcn/ui, and any state management libraries needed.
3. **Create the basic layout**: Develop the main layout with a navigation bar, news feed, and event sections using Tailwind CSS for styling.
4. **Implement the news feed component**: Fetch news articles from a local or external API, format them according to the question-and-answer style, and display them in the feed.
5. **Build the event listings component**: Create a component that pulls event data and allows users to view and RSVP to events.
6. **Add user authentication**: Implement a simple authentication system for profile management, allowing users to log in and save preferences.
7. **Integrate notifications**: Set up a notification system to alert users about new articles and events based on their interests.

## USER EXPERIENCE
Users will have a seamless experience navigating through the application. Upon logging in, they will see a clean interface with a news feed that presents information engagingly. They can click on articles to expand their content, interact with event listings, and submit their ideas or feedback easily, fostering a sense of community involvement and awareness of local issues. The responsive design will ensure usability on various devices, providing an optimal viewing experience for all users.