A responsive Weather App built with HTML, CSS, JavaScript, and the OpenWeather API. It allows users to search cities and view real-time weather information, including temperature, humidity, and wind speed.
This project helps users quickly check the current weather conditions of any city around the world. It fetches real-time weather data from the OpenWeather API and displays essential information in a clean and user-friendly interface.
This project was built to strengthen my understanding of JavaScript, Fetch API, asynchronous programming, JSON handling, and working with external APIs.
- 🔍 Search weather by city name
- 🌡️ Display current temperature
- 💧 Show humidity percentage
- 🌬️ Show wind speed
- 🌥️ Dynamic weather icons based on weather conditions
⚠️ Handles invalid city names gracefully- 📱 Fully responsive design
- 🎨 Modern and attractive user interface
- HTML5
- CSS3
- JavaScript (ES6)
- OpenWeather API
- DOM Manipulation
- Event Handling
- Fetch API
- Async/Await
- JSON Parsing
- Error Handling
- API Integration
- Conditional Statements
- Responsive Web Design
- Clone the repository:
git clone https://github.com/Mohammed-Naeem-Patel/Weather-App.git-
Open the project folder.
-
Open
index.htmlin your browser. -
Enter a city name and view the current weather information.
Weather data and weather icons are provided by the OpenWeather API. Some weather conditions and data may vary depending on the availability and accuracy of the API response.
Mohammed Naeem Patel
BCA Student | Aspiring Full Stack Developer
⭐ If you found this project helpful, consider giving it a star.