Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a weather web application designed to provide users with accurate and up-to-date weather information. It will feature a clean, minimalist design that prioritizes user experience and offers a simple interface for checking weather conditions, forecasts, and alerts.

## CORE FEATURES
1. **Current Weather**: Display real-time weather information for the user's location, including temperature, humidity, wind speed, and conditions.
2. **5-Day Forecast**: Provide a detailed forecast for the next five days, allowing users to plan ahead.
3. **Location Search**: Enable users to search for weather information by city or zip code.
4. **Weather Alerts**: Notify users about severe weather alerts for their selected locations.
5. **User Preferences**: Allow users to set their preferred units (Celsius/Fahrenheit) and save favorite locations.
6. **Responsive Design**: Ensure the application is fully responsive, providing an optimal experience on both mobile and desktop devices.

## 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 central content area for displaying weather information, and a footer with contact information and links to privacy policy and terms of service.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Use React Context API for managing global states (if needed).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Basic Layout**: Develop the main layout structure with a top navigation bar, a content area, and a footer.
3. **Implement Current Weather Component**: Create a component to fetch and display current weather based on the user's location.
4. **Build 5-Day Forecast Component**: Develop a component to show the 5-day weather forecast using an external weather API.
5. **Add Location Search Functionality**: Implement a search input that allows users to enter a city or zip code to retrieve weather data.
6. **Integrate Weather Alerts**: Set up notifications for severe weather alerts that will inform users of any weather warnings.
7. **User Preferences**: Create settings for users to select their preferred temperature units and save favorite locations.
8. **Responsive Design**: Ensure that all components are responsive and adjust appropriately for various screen sizes.
9. **Testing and Deployment**: Thoroughly test the application for bugs and deploy it to a suitable hosting service.

## USER EXPERIENCE
Users will start on the homepage where they can see the current weather for their location. They can enter a different location in the search bar to view weather data for that area. The layout will be intuitive, with easy navigation to access the 5-day forecast and alerts. User settings will allow for customization, ensuring an engaging and personalized experience while using the application. The design will maintain a clean and minimalist aesthetic, ensuring ease of use and readability.