This JavaScript application is a simple weather app that fetches current weather data based on user input of a city name. It utilizes the OpenWeatherMap API to retrieve weather information such as temperature, humidity, wind speed, and weather description. The app dynamically updates the UI to display the fetched data including the city name, weather icon, description, temperature, humidity, and wind speed. Additionally, it dynamically changes the background image based on the searched city, creating a visually appealing experience.

Fetches current weather data from OpenWeatherMap API

Displays weather information including temperature, humidity, wind speed, and description

Dynamically changes background image based on the searched city

Responsive design

User-friendly interface

Clone the repository to your local machine.

Open the index.html file in your web browser. Alternatively live website:

Enter the name of the city you want to check the weather for in the search bar.

Press Enter or click the search button to fetch and display the weather data.

The app will dynamically update the UI to show the weather information and change the background image accordingly.

During the development of this app, challenges were encountered in handling API data retrieval, DOM manipulation to dynamically update UI elements, and ensuring responsiveness across different devices. However, these challenges provided valuable learning experiences in JavaScript, API integration, and front-end development best practices.

Feedback on the following aspects would be greatly appreciated:

Code structure, readability, and best practices.

User experience (UX) and interface (UI) design.

Responsiveness across various devices and screen sizes.

This project is for educational purposes only and not licensed for commercial use.