Weather Condition Checker

A simple and user-friendly web application that allows users to check real-time weather conditions for any city or place.

Features

• Search for weather conditions by city name
• Get current location weather using geolocation
• Display temperature, weather description, and humidity
• Animated weather icons based on current conditions
• Responsive design for desktop and mobile devices

Technologies Used

• HTML5
• CSS3
• JavaScript
• OpenWeatherMap API

How to Use

1. Clone this repository to your local machine.
2. Open index.html in your web browser.
3. Enter a city name in the search box or click the location icon to use your current location.
4. View the displayed weather information.

API Key

This project uses the OpenWeatherMap API. You'll need to sign up for a free API key at OpenWeatherMap and replace the apiKey variable in script.js with your own key.

File Structure

• index.html: Main HTML file
• styles.css: CSS styles for the application
• script.js: JavaScript file containing the main functionality

SEO Optimization

The project includes various SEO improvements:

• Meta tags for description and keywords
• Open Graph and Twitter Card meta tags for better social media sharing
• Structured data for rich snippets in search results

Future Improvements

• Add a 5-day forecast feature
• Implement unit conversion (Celsius/Fahrenheit)
• Add more detailed weather information (wind speed, pressure, etc.)
• Improve accessibility features

Contributing

Feel free to fork this project and submit pull requests with any improvements or bug fixes.

License

This project is open source and available under the MIT License.