Skip to content

This is a simple weather application that allows users to search for the current weather of any city around the world. It fetches weather data from the OpenWeatherMap API and displays information like temperature, humidity, wind speed, and an icon representing the weather condition.

Notifications You must be signed in to change notification settings

sobia22-prog/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This is a simple weather application that allows users to search for the current weather of any city around the world. It fetches weather data from the OpenWeatherMap API and displays information like temperature, humidity, wind speed, and an icon representing the weather condition.

Features

Search for the weather by city name.

Displays current temperature in Celsius.

Shows weather icon corresponding to conditions (e.g., Rain, Clouds, Clear, etc.).

Provides additional weather information like humidity and wind speed.

Displays an error message if the city name is invalid.

Technologies Used

HTML

CSS

JavaScript

OpenWeatherMap API (for weather data)

How to Use

Clone or download the repository.

Open index.html in your browser.

Enter a city name in the input box and click the search button.

The weather information will appear below.

File Structure

├── index.html # Main HTML file

├── style.css # Styles for the app

├── index.js # JavaScript for app logic

└── images/ # Folder for weather icons (e.g., rain.png, cloud.png)

API Key

This app uses the OpenWeatherMap API. You can get your own API key by signing up at OpenWeatherMap. Replace the apiKey in the index.js file with your own key.

const apiKey = "your_api_key_here";

About

This is a simple weather application that allows users to search for the current weather of any city around the world. It fetches weather data from the OpenWeatherMap API and displays information like temperature, humidity, wind speed, and an icon representing the weather condition.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published