🌤️ Weather App

A simple and responsive Weather App built with HTML, CSS, and JavaScript that fetches real-time weather data using the OpenWeatherMap API. Users can search for any city and instantly view its current weather conditions.

✨ Features

• 🔍 Search weather by city name
• 🌍 Displays city and country
• 🌡️ Current temperature
• 🤗 Feels like temperature
• 🔺 Maximum & 🔻 Minimum temperature
• 💧 Humidity
• 📈 Atmospheric pressure
• 🌬️ Wind speed and direction
• ☁️ Cloud coverage
• 👀 Visibility
• 🌅 Sunrise & 🌇 Sunset timings
• 🌤️ Weather condition with dynamic weather icon
• 📱 Responsive and modern UI

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• Fetch API
• OpenWeatherMap API

📂 Project Structure

Weather-App/
│── index.html
│── style.css
│── app.js
└── README.md

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/Wasayullah/Weather-app.git

2. Navigate to the project folder:

   cd Weather-app

3. Open index.html in your browser.

🔑 API Key

This project uses the OpenWeatherMap API.

To use your own API key:

1. Create a free account on OpenWeatherMap.
2. Generate an API key.
3. Replace the existing key in app.js:

appid=YOUR_API_KEY

📸 Preview

After searching for a city, the application displays:

• City & Country
• Weather Icon
• Weather Condition
• Temperature Details
• Humidity
• Pressure
• Wind Information
• Cloud Coverage
• Visibility
• Sunrise & Sunset Times

📖 What I Learned

• Working with APIs
• Fetching data using the Fetch API
• Handling JSON responses
• DOM Manipulation
• Error handling in JavaScript
• Building responsive user interfaces

🤝 Contributing

Contributions, suggestions, and improvements are welcome. Feel free to fork this repository and submit a pull request.

📄 License

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