Skip to content

MariomEmu/Weather-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App using HTML, CSS, and JavaScript with OpenWeatherMap API ⛈️

This project involves creating a simple weather application for the web using HTML, CSS, and JavaScript. The application fetches live weather data from the OpenWeatherMap API and displays it on the website.

Current Weather Information: Users can retrieve the following data for any city:

  • Temperature (in Celsius)
  • Weather conditions (e.g., sunny, rainy)
  • Humidity
  • Wind speed

Screenshot 2024-10-05 225115

City Search Functionality: The app includes a search box where users can input the name of any city to get real-time weather information for that location.

Key Technologies Used:

  • HTML: For the basic structure of the web page.
  • CSS: This is used to style the user interface.
  • JavaScript: To fetch and display weather data dynamically.
  • OpenWeatherMap API: To retrieve the weather data. A free API key from OpenWeatherMap is used to access the API.

How It Works:

  • Users enter a city name in the search box.
  • The app requests the OpenWeatherMap API using the city name.
  • The API returns the current weather data for that city.

Implementation:

Fetch API: The JavaScript fetch() method makes HTTP requests to the OpenWeatherMap API. API Key: A free API key is required from OpenWeatherMap. The key is used to authenticate the API requests.

About

This project involves creating a simple weather application for the web using HTML, CSS, and JavaScript. The application fetches live weather data from the OpenWeatherMap API and displays it on the website.

Topics

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors