A responsive Weather Forecast App built using HTML, CSS, and JavaScript, leveraging the OpenWeatherMap API to display real-time weather details of any city.
- Displays temperature, humidity, and wind speed.
- Dynamic icons for different weather conditions (Cloudy, Rainy, Clear, etc.).
- Responsive design with a visually appealing UI.
- Real-time error handling for invalid city names.
Live Demo (https://ashwin-chavhan.github.io/weather-app/)
- Frontend: HTML, CSS, JavaScript
- API: OpenWeatherMap
- Design Framework: Bootstrap
- Clone the repository:
git clone https://github.com/Ashwin-Chavhan/weather-app.git
- Navigate to the project directory:
cd weather-app - Open
index.htmlin your browser to run the app.
- Enter a city name in the search bar.
- Click the Search button.
- View the weather details, including temperature, humidity, and wind speed.
weather-forecast-app/
├── assets/ # Images and icons
├── style.css # Styling for the app
├── script.js # JavaScript logic
├── index.html # Main HTML file
Replace the apiKey value in script.js with your API key from OpenWeatherMap.
This project is licensed under the MIT License. Feel free to use and modify it as needed!
