Skip to content

Latest commit

 

History

10 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

Overview

This is a simple weather application built using HTML, CSS, and JavaScript. It fetches real-time weather data from the OpenWeatherMap API and displays the current weather conditions and hourly forecasts for a specified city.

Features

  • City Input: Allows users to enter a city name.
  • Real-time Weather Data: Displays the current temperature, weather description, and weather icon.
  • Hourly Forecast: Shows the temperature and weather conditions for the next 8 hours.
  • Error Handling: Provides informative messages if the city is not found or if there are issues fetching data.

Technologies Used

  • HTML: Structure of the application.
  • CSS: Styling and layout.
  • JavaScript: Handles API calls, data processing, and dynamic updates.
  • OpenWeatherMap API: Provides weather data.
  • Weather Icons: Used for weather icons.

How to Use

  1. Clone the repository:

    git clone <repository-url>
  2. Open index.html in your web browser.

  3. Enter a city name in the input field and click the "Search" button.

  4. View the current weather and hourly forecast.

File Structure

  • index.html: Contains the HTML structure of the application.
  • style.css: Contains the CSS styles for the application.
  • script.js: Contains the JavaScript code for fetching and displaying weather data.

API Key

This application uses the OpenWeatherMap API. The API key is hardcoded in the script.js file.

Future Enhancements

  • Add more detailed weather information (e.g., humidity, wind speed).
  • Implement a location search feature.
  • Improve the user interface.
  • Add a settings menu for units (Celsius/Fahrenheit).

About

A weather app webpage built using HTML, CSS, and JavaScript. It retrieves weather data from the OpenWeatherMap API and displays the information on the page.

Topics

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

Packages

Contributors

Languages