The Weather Web Application is a simple, user-friendly project designed to display current weather conditions for any city entered by the user. Built with HTML, CSS, and JavaScript, this app provides an interactive and visually appealing interface to explore weather details in real-time.
- π Search for weather by city name.
- π‘οΈ Display current temperature, weather conditions, and additional details like humidity and wind speed.
- π± Responsive design for seamless viewing on desktops and mobile devices.
- HTML: Structuring the web pages.
- CSS: Styling and layout.
- JavaScript: Functionality and API integration.
- OpenWeatherMap API: Fetching real-time weather data.
The application uses the OpenWeatherMap API to retrieve weather data. Follow these steps to make the application functional:
- Sign up at OpenWeatherMap to get a free API key.
- Replace the placeholder
API_KEYin the JavaScript file with your actual API key:const apiKey = 'YOUR_API_KEY';
weather-webapp/
|-- weatherapp.html # Main HTML file
|-- weatherstyles.css # Stylesheet for the application
|-- weatherapp.js # JavaScript file for functionality
|-- README.md # Project documentation (this file)
- OpenWeatherMap for providing the API.