Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed to replicate the features of a weather app that shows forecasts for multiple cities. The application aims to provide users with an intuitive and seamless experience while allowing them to easily access and view weather forecasts for their desired locations.

## CORE FEATURES
1. **City Search**: A simple interface allowing users to search for multiple cities and view their weather forecasts.
2. **Weather Forecast Display**: Clear and concise display of current weather conditions, including temperature, humidity, and wind speed.
3. **Multi-City Management**: Users can save multiple cities to quickly switch between forecasts.
4. **5-Day Forecast**: Detailed weather forecasts for the next five days, allowing users to plan ahead.
5. **Notifications**: Alerts for severe weather conditions or significant changes in the forecast.
6. **User Profile Management**: A section for users to manage their preferences, such as units of measurement (Celsius/Fahrenheit).

## 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 consists of a top navigation bar for city search, a central content area displaying current weather and forecasts, and a footer with links to support and additional information.

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

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for component styling.
2. **Create the City Search Component**: Implement a search bar where users can input city names to retrieve weather data.
3. **Develop the Weather Display Component**: Design a component to show current weather conditions for the selected city, integrating API calls for real-time data.
4. **Build the Multi-City Management Feature**: Allow users to save and switch between multiple cities, storing preferences in local storage or user profiles.
5. **Integrate the 5-Day Forecast Feature**: Create a section to display detailed weather forecasts for the upcoming days.
6. **Implement Notification Alerts**: Set up a notification system to alert users to severe weather changes or updates.
7. **User Profile Management**: Develop a user profile page where users can update their measurement preferences and manage saved cities.
8. **Testing and Deployment**: Conduct thorough testing for usability and bugs before deploying the application.

## USER EXPERIENCE
Users will begin by accessing the main page featuring a search bar to input city names. Upon entering a city, they will be presented with the current weather and a five-day forecast. Users can easily switch between different saved cities with a clean and minimalist interface that ensures a distraction-free experience. Responsive design principles will be applied to ensure the application functions smoothly on various devices.

This project aims to create a fully functional minimalist light application that matches the user's vision, providing an efficient tool for accessing weather forecasts.