Input and Output of our Weather App

Input and Output of our Weather App

Input:

This app takes a single input from the user — the name of the city they want weather information for. This is done through a simple input field in the UI. When the user types the city name and clicks the Search button, it triggers a function that sends a request to the OpenWeatherMap API.

This input is captured and stored using the useState hook in React.

From our deployed app:

Output:

The output is the weather information fetched from the API, which includes:

• The name of the city entered
• The current temperature in Celsius
• The general weather condition (such as Clear, Rain, Clouds)
• An appropriate animated weather icon based on the condition
• The real-time current time
• A footer message with credit

All of this is rendered dynamically using React and updated every time the user searches for a new city.

From our deployed app: