This simple weather app allows users to check the current weather of a specific city. It's built using HTML, CSS, and JavaScript, and it fetches real-time weather data from the OpenWeatherMap API.
-
Search by City: Enter the name of any city to get the current weather information.
-
Responsive Design: The app is designed to work seamlessly on various devices, providing a consistent user experience.
-
Dynamic Updates: The weather data is fetched dynamically, providing accurate and up-to-date information.
-
Glass Effect Design: Stylish and modern design with a glass effect for an enhanced user experience.
- Enter the name of the city in the provided input field.
- Click the "Search" button.
- If the city is found, the weather information will be displayed. Otherwise, an error message and image will be shown.
HTML: Provides the structure and layout of the app.
CSS: Styles the user interface for an attractive and intuitive design.
JavaScript: Handles the dynamic behavior of the app, including API requests and data manipulation.
OpenWeatherMap API: Retrieves real-time weather data based on user input.
For a live demo, visit Weather App Demo. https://mdsahban.github.io/weather-app-js/