<h1>Weather App</h1>
<p>This project is a simple and responsive weather application built using <strong>HTML</strong>, <strong>CSS</strong>, and <strong>JavaScript</strong>. The app allows users to check the current weather conditions for any location by fetching data from a weather API.</p>
<h2>Features</h2>
<ul>
<li><strong>Search Functionality</strong>: Users can search for weather information by city name.</li>
<li><strong>Current Weather Data</strong>: Displays temperature, humidity, wind speed, and weather conditions.</li>
<li><strong>Responsive Design</strong>: The application is mobile-friendly and adjusts to various screen sizes.</li>
<li><strong>Dynamic Background</strong>: Changes background based on weather conditions (e.g., sunny, rainy, cloudy).</li>
</ul>
<h2>Technologies Used</h2>
<ul>
<li><strong>HTML</strong>: For structuring the web application.</li>
<li><strong>CSS</strong>: For styling and layout.</li>
<li><strong>JavaScript</strong>: To fetch weather data from the API and update the UI dynamically.</li>
<li><strong>API</strong>: Utilizes a weather API (e.g., OpenWeatherMap) to retrieve current weather data.</li>
</ul>
<h2>How to Use</h2>
<ol>
<li>Clone the repository to your local machine:</li>
<pre><code>git clone https://github.com/your-username/weather-app.git</code></pre>
<li>Open the <code>index.html</code> file in your web browser.</li>
<li>Enter the name of a city in the search bar and click the "Search" button.</li>
<li>View the current weather conditions displayed for the searched city.</li>
</ol>
<h2>Project Structure</h2>
<pre><code>
.
├── index.html # Main HTML file
├── style.css # CSS for styling the weather app
└── script.js # JavaScript file for fetching weather data and UI logic
</code></pre>
<h2>Future Enhancements</h2>
<ul>
<li>Add a feature to display a 5-day weather forecast.</li>
<li>Implement geolocation to automatically detect the user's location.</li>
<li>Improve the UI with additional animations and styling.</li>
</ul>
