Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to provide users with real-time weather information for specified locations. Users can search for a locality to view the current weather and a seven-day forecast, including temperature in Celsius, wind speed, and radiation levels. The app will allow users to save their frequently accessed locations for quicker access.

## CORE FEATURES
1. **Location Search**: Users can input any locality to retrieve current weather data and forecasts.
2. **Seven-Day Forecast**: Display weather conditions for today and the upcoming week, including temperature, wind speed, and radiation.
3. **Favorite Locations**: Users can define and save their most frequently searched locations for easy access.
4. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience on mobile devices.
5. **Data Integration**: Utilize the AEMET OpenData API for fetching weather data.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature a clean, simple layout with ample white space. The focus will be on typography to enhance readability.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast and readability.
- **Layout**: The main layout will consist of a header with the app name and search bar, followed by the weather information display area and a section for saved locations. A footer will include links to contact and about pages.
- **Typography**: Use a sans-serif font (e.g., Roboto or Open Sans) for clarity and modern appearance, with a clear hierarchy (larger sizes for headings, smaller for body text).

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling and responsiveness
- **UI Components**: Utilize shadcn/ui for consistent and modern UI components
- **State Management**: Context API or a state management library like Redux, if necessary for managing user location data and preferences

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **API Integration**: Create a service to handle API requests to the AEMET OpenData API using the provided API key.
3. **Build Components**:
   - Create a `SearchBar` component for location input.
   - Develop a `WeatherDisplay` component to show current and forecasted weather data.
   - Implement a `FavoritesList` component for saved locations.
4. **Implement State Management**: Use Context API to manage the state of searched and saved locations.
5. **Styling**: Apply Tailwind CSS classes to components for a clean and responsive design.
6. **Testing**: Conduct thorough testing on various devices to ensure responsiveness and functionality.

## USER EXPERIENCE
Users will start by entering a locality in the search bar. Upon submission, the app will display the current weather and forecast data in a visually appealing format. Users can easily save locations for future reference, which will be highlighted in the favorites section. The app's responsive design ensures that the experience is optimized for mobile use, allowing users to access weather information anytime, anywhere.